@import url(../../../../css2.css);
*,dl,ol,ul {
  margin:0;
  padding:0
}
body,
p {
  font-size:16px;
  line-height:1.9;
  font-weight:400;
  color:var(--atf-text-body);
  font-family:var(--atf-ff-body)
}
#home,
.about-image-gallery,
.atf-hamburger-menu ul li,
.atf-service-thumb img,
.atf-single-newsletter,
.blog_list_slider .atf-blog-thumb img,
.blogpost-thumb,
.choose-business-image img,
.error-search-input,
.p-relative,
.service-details-thumb,
.sidebar-search-input,
.z-index-1 {
  position:relative
}
.atf-themes-btn,
.atf-top-header,
.bg-half-left,
.fix,
.page-wrapper,
.preloader {
  overflow:hidden
}
.atf-main-menu>nav>ul>li .sub-menu li>a,
.atf-main-menu>nav>ul>li>a {
  font-weight:600;
  text-transform:capitalize;
  font-size:17px
}
#back_to_top,
.about_video_area,
.client-arrow,
.service-card,
.team-trigger,
button:hover {
  cursor:pointer
}
.button:focus,
.icon-link,
.service_btn,
.team-icon-link,
a,
a:focus {
  text-decoration:none
}
.atf-funfact-title,
body,
p {
  font-family:var(--atf-ff-body)
}
.transition-3,
a,
button,
input,
li,
p,
select,
textarea {
  -webkit-transition:.3s ease-out;
  -moz-transition:.3s ease-out;
  -ms-transition:.3s ease-out;
  -o-transition:.3s ease-out;
  transition:.3s ease-out
}
:root {
  --atf-ff-body:"Lato",sans-serif;
  --atf-ff-heading:"Bakbak One",sans-serif;
  --atf-ff-fontawesome:"Font Awesome 7 free";
  --atf-thm-white:#ffffff;
  --atf-thm-black:#333333;
  --atf-thm-color:#19312f;
  --atf-thm-base:#8ca9a7;
  --atf-grey-1:#f9f9f9;
  --atf-grey-2:#f5f5f5;
  --atf-grey-3:#f6f6f6;
  --atf-grey-4:#f7f7f7;
  --atf-grey-5:#f4f4f4;
  --atf-grey-6:#F0F3FA;
  --atf-grey-7:#E1E6F4;
  --atf-grey-8:#D2DAEF;
  --atf-text-body:#6b6b6b;
  --atf-border-1:#dddddd;
  --atf-rgb-white:rgba(255,255,255,0.7);
  --atf-gradient:linear-gradient(to right, #19312f 0%, #44619d 60%, #83A0CE 100%)
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth
}
p {
  margin-bottom:15px
}
img {
  max-width:100%
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top:0;
  font-weight:400;
  line-height:1.3;
  -webkit-transition:color .3s ease-out;
  -moz-transition:color .3s ease-out;
  -ms-transition:color .3s ease-out;
  -o-transition:color .3s ease-out;
  transition:color .3s ease-out;
  color:var(--atf-thm-black);
  font-family:var(--atf-ff-heading)
}
h1 {
  font-size:40px
}
.choose-counter_ceontent .counter-number,
.experience-counter_ceontent .counter-number,
h2 {
  font-size:36px
}
h3 {
  font-size:28px
}
h4 {
  font-size:20px
}
.hero-secondary-content p,
.testimonial-card .describtion,
h5 {
  font-size:18px
}
#scroll_to_top i,
h6 {
  font-size:16px
}
a:focus,
a:hover,
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color:inherit;
  text-decoration:none
}
.button:focus,
a:focus {
  outline:0
}
a,
button {
  color:inherit;
  outline:0;
  border:none;
  background:0 0
}
button:focus {
  outline:0
}
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
textarea {
  outline:0;
  height:56px;
  width:100%;
  line-height:56px;
  font-size:16px;
  padding-left:25px;
  padding-right:25px;
  color:var(--atf-thm-black);
  border:1px solid rgba(255,255,255,.1);
  background-color:var(--atf-thm-white);
  border-radius:15px
}
input[type=email]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color:var(--atf-text-body);
  font-size:16px
}
input[type=email]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=url]::-moz-placeholder,
textarea::-moz-placeholder {
  color:var(--atf-text-body);
  font-size:16px
}
input[type=email]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=text]:-moz-placeholder,
input[type=url]:-moz-placeholder,
textarea:-moz-placeholder {
  color:var(--atf-text-body);
  font-size:16px
}
input[type=email]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color:var(--atf-text-body);
  font-size:16px
}
input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder,
input[type=url]::placeholder,
textarea::placeholder {
  color:var(--atf-text-body);
  font-size:16px
}
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
textarea:focus {
  border:1px solid var(--atf-thm-white);
  font-size:16px
}
input[type=email]:focus::placeholder,
input[type=number]:focus::placeholder,
input[type=password]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=text]:focus::placeholder,
input[type=url]:focus::placeholder,
textarea:focus::placeholder {
  opacity:0
}
textarea {
  line-height:1.4;
  padding-top:17px;
  padding-bottom:17px
}
input[type=color] {
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  background:0 0;
  border:0;
  cursor:pointer;
  height:100%;
  width:100%;
  padding:0;
  border-radius:50%
}
::-moz-selection {
  background:var(--atf-thm-color);
  color:var(--atf-thm-white);
  text-shadow:none
}
::selection {
  background:#3a5b5c;
  color:var(--atf-thm-white);
  text-shadow:none
}
::-moz-placeholder {
  color:var(--atf-thm-color);
  font-size:14px;
  opacity:1
}
::placeholder {
  color:var(--atf-thm-color);
  font-size:14px;
  opacity:1
}
#home,
.z-index-1 {
  z-index:2
}
.atf-title-hover {
  background-position:0 95%;
  background-repeat:no-repeat;
  background-size:0 2px;
  display:inline
}
.atf_attach_bg_1,
.bg_fixed {
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat
}
.atf-title-hover:hover {
  color:var(--atf-thm-color);
  background-size:100% 2px;
  background-image:linear-gradient(180deg,var(--atf-thm-color) 0,var(--atf-thm-color) 100%)
}
.clear {
  clear:both
}
.p-absolute {
  position:absolute
}
.bg_fixed {
  background-attachment:fixed
}
.cursor_body {
  position:fixed;
  top:0;
  left:0;
  pointer-events:none;
  z-index:9999
}
.cursor_body .cursor-in,
.cursor_body .cursor-out {
  position:absolute;
  top:0;
  left:0;
  transform:translate(-50%,-50%);
  border-radius:50%;
  pointer-events:none;
  will-change:transform
}
.cursor_body .cursor-in {
  width:10px;
  height:10px;
  background-color:var(--atf-thm-color);
  transition:.25s ease-out
}
.cursor_body .cursor-out {
  width:40px;
  height:40px;
  border:1px solid var(--atf-thm-color);
  opacity:.5;
  transition:.2s
}
.page-wrapper {
  position:relative;
  margin:0 auto;
  width:100%;
  min-width:270px
}
.black-bg {
  background-color:var(--atf-thm-black)
}
.atf-site-header.atf-style1.atf-style2.atf-sticky-active.atf_bg_skew,
.color-bg {
  background-color:var(--atf-thm-color)
}
.grey-bg-1 {
  background-color:var(--atf-grey-1)
}
.grey-bg-2 {
  background-color:var(--atf-grey-2)
}
.grey-bg-3 {
  background-color:var(--atf-grey-3)
}
.grey-bg-4 {
  background-color:var(--atf-grey-4)
}
.grey-bg-6 {
  background-color:#E0E0E0;
}
.grey-bg-7 {
  background-color:#D9ECEE9C;
}
.grey-bg-8 {
  background-color:var(--atf-grey-8)
}
.dark-gradient {
  background:linear-gradient(to right,#19312f 0,#44619d 60%,#83a0ce 100%)
}
.bg-half-left {
  position:absolute;
  height:100%!important;
  width:50%;
  right:0;
  top:0;
  object-fit:cover;
  border-radius:0
}
.preloader {
  position:fixed;
  top:0;
  left:0;
  height:100vh;
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  background:0 0;
  z-index:99999
}
.preloader svg {
  position:absolute;
  bottom:0;
  height:110vh;
  width:100vw;
  fill:#3a5b5c;
}
.preloader .loader-inner .loaded {
  font-size:1.5rem;
  font-weight:500;
  color:var(--atf-thm-white);
  text-transform:uppercase;
  letter-spacing:8px;
  z-index:99
}
.atf-themes-btn.style1::after,
.atf-themes-btn:before {
  content:"";
  position:absolute;
  z-index:-1;
  transition:.6s;
  background:#3a5b5c;
  height:100%;
  bottom:0
}
.preloader .loader-inner .loaded span {
  animation:1s infinite alternate loader-slide
}
.preloader .loader-inner .loaded span:first-child {
  animation-delay:0s
}
.preloader .loader-inner .loaded span:nth-child(2) {
  animation-delay:.1s
}
.preloader .loader-inner .loaded span:nth-child(3) {
  animation-delay:.2s
}
.preloader .loader-inner .loaded span:nth-child(4) {
  animation-delay:.3s
}
.preloader .loader-inner .loaded span:nth-child(5) {
  animation-delay:.4s
}
.preloader .loader-inner .loaded span:nth-child(6) {
  animation-delay:.5s
}
.preloader .loader-inner .loaded span:nth-child(7) {
  animation-delay:.6s
}
@keyframes loader-slide {
  0% {
    opacity:1
  }
  100% {
    opacity:0
  }
}
.atf-themes-btn {
  text-transform:uppercase;
  position:relative;
  z-index:1;
  transition:.6s;
  color:#3a5b5c;
  border:1px solid #3a5b5c;
  display:inline-block;
  padding:15px 40px;
  border-radius:30px;
  font-weight:500
}
.atf-copyright-text p a,
.atf-footer-widget.footer-col-4-1 p,
.atf-header-top-social,
.atf-header-top-social ul li a:hover,
.atf-themes-btn .icon,
.atf-themes-btn.hometwo:hover,
.atf-themes-btn.hometwo:hover .icon,
.atf-themes-btn:hover,
.atf-top-header-list li a:hover {
  color:var(--atf-thm-white)
}
.atf-themes-btn:before {
  left:0;
  width:0%
}
.atf-themes-btn.style1::after {
  right:0;
  width:30%;
  border-left:1px solid var(--atf-border-1)
}
.atf-service-item:hover::after,
.atf-themes-btn:hover:before,
.service-details-thumb img {
  width:100%
}
@media only screen and (max-width:479px) {
  .atf-themes-btn {
    margin-bottom:15px
  }
}
.atf-themes-btn .icon {
  display:inline-block
}
.atf-service-item:hover .service_btn .icon,
.atf-themes-btn:hover .icon {
  animation:.3s ease-in-out bounce-up
}
.atf-themes-btn.hometwo,
.error-search-input input:focus,
.sidebar-search-input input:focus {
  border:1px solid var(--atf-thm-color)
}
#back_to_top,
#scroll_to_top {
  background:var(--atf-thm-white);
  border-radius:50%;
  display:grid;
  place-items:center
}
.atf-copyright-style,
.atf-themes-btn.hometwo:before {
  background:#071817;
}
.atf-themes-btn.hometwo .icon {
  display:inline-block;
  color:var(--atf-thm-black)
}
.atf-section-title .title {
  font-family:var(--atf-ff-heading);
  color:var(--atf-thm-black);
  font-weight:400;
  font-size:50px;
  line-height:1.2;
  letter-spacing:-2px
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px) {
  .atf-section-title .title {
    font-size:36px;
    letter-spacing:0;
    z-index:1;
    position:relative
  }
  .atf-section-title.mb-50 {
    margin-bottom:30px
  }
}
.atf-section-title .sub-title {
  color:#3a5b5c;
  display:inline-block;
  border-radius:5px;
  font-size:14px;
  font-weight:400;
  position:relative;
  margin-bottom:10px;
  text-transform:uppercase;
  letter-spacing:1px;
  background:#EBF4F5;
  padding:6px 18px
}
.atf_bg_skew::after,
.atf_bg_skew::before {
  background:var(--atf-thm-white) none repeat scroll 0 0;
  z-index:-1;
  border-left:4px solid var(--atf-thm-color);
  transform:skewX(0);
  content:""
}
.atf-section-padding {
  padding-top:70px;
  padding-bottom:70px;
}
#back_to_top {
  height:60px;
  width:60px;
  position:fixed;
  bottom:30px;
  inset-inline-end:40px;
  transform:scale(0);
  visibility:hidden;
  opacity:0;
  transition:.3s;
  z-index:100
}
#back_to_top.active {
  bottom:40px;
  transform:scale(1);
  opacity:1;
  visibility:visible;
  animation:.5s ease-in-out backToTop;
  background:var(--atf-thm-color)
}
#back_to_top.return {
  visibility:hidden;
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden
}
#scroll_to_top {
  height:calc(100% - 3px);
  width:calc(100% - 3px);
  color:var(--atf-thm-black);
  font-size:12px;
  font-weight:700;
  box-shadow:0 5px 15px rgba(0,0,0,.25)
}
@media (max-width:767px) {
  #back_to_top {
    height:50px;
    width:50px
  }
}
@media (min-width:992px) and (max-width:1199px) {
  #back_to_top {
    inset-inline-end:30px
  }
  #back_to_top.active {
    bottom:30px
  }
}
@keyframes backToTop {
  0% {
    transform:translate3d(0,80%,0);
    visibility:visible
  }
  100% {
    transform:translateZ(0)
  }
}
.atf-top-header {
  position:relative;
  z-index:1;
  padding:12px 0;
  display:flex;
  justify-content:center;
  align-items:center;
  transition:.4s
}
.header-social-title.text-white {
  padding-right:55px;
  font-size:14px
}
.header-social-divider {
  width:35px;
  height:1px;
  background-color:#fbf2f2;
  position:absolute;
  right:125px;
  top:17px
}
.atf-header-top-social {
  font-size:16px;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:center;
  gap:10px;
  transition:.4s;
  text-align:center
}
.atf-header-top-social ul {
  position:relative;
  display:flex;
  align-items:center;
  gap:10px
}
.atf-hamburger-menu ul,
.atf-header-top-social ul li,
.blogpost-comment ul li {
  list-style:none
}
.atf-header-top-social ul li a {
  color:rgba(255,255,255,.8);
  font-size:16px;
  transition:.5s ease-out
}
.atf-top-header .atf-top-header-in {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:center;
  transition:.4s
}
.atf-top-header-list {
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-wrap:wrap
}
.atf-top-header-list li {
  margin-right:30px;
  color:rgba(255,255,255,.9);
  font-size:16px
}
.atf-top-header-list li a {
  color:rgba(255,255,255,.8);
  transition:.3s ease-out;
  -webkit-transition:.3s ease-out;
  position:relative
}
.atf-footer-widget-info a::after,
.atf-footer-widget-menu ul li a::after,
.atf-top-header-list li a::after {
  position:absolute;
  width:0;
  height:1px;
  bottom:0;
  left:0;
  content:"";
  opacity:0;
  visibility:hidden;
  background:#9fa8ae;
  -webkit-transition:.3s ease-out;
  -moz-transition:.3s ease-out;
  -ms-transition:.3s ease-out;
  -o-transition:.3s ease-out;
  transition:.3s ease-out
}
.atf-footer-widget-info a:hover::after,
.atf-footer-widget-menu ul li a:hover::after,
.atf-top-header-list li a:hover::after {
  width:100%;
  opacity:1;
  visibility:visible
}
.atf-footer-widget-social ul li:last-child,
.atf-top-header-list li:last-child {
  margin-right:0
}
.atf-top-header-list li i {
  margin-right:10px;
  color:var(--atf-thm-white)
}
.atf_bg_skew {
  position:relative;
  transition:.4s ease-out;
  z-index:7;
  background:linear-gradient(to right,#19312f 0,#44619d 60%,#83a0ce 100%)
}
.atf_bg_skew::after {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:calc(28% + 0px);
  border-top-left-radius:100px
}
.atf_bg_skew::before {
  position:absolute;
  width:25%;
  height:100%;
  top:0;
  left:0;
  border-bottom-right-radius:100px
}
.atf-searching-area,
.atf-searching-area .atf-searching-close-btn {
  background-color:var(--atf-thm-white);
  -webkit-transition:.5s;
  -o-transition:.5s;
  display:flex
}
.atf-searching-area {
  position:fixed;
  top:0;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  height:100%;
  width:100%;
  align-items:center;
  justify-content:center;
  opacity:0;
  visibility:hidden;
  transition:.5s;
  z-index:1024
}
.atf-searching-area.active {
  opacity:1;
  visibility:visible;
  top:50%
}
.atf-searching-area .atf-searching-close-btn {
  position:absolute;
  top:30px;
  right:50px;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
  width:40px;
  height:40px;
  border:1px solid var(--atf-thm-color);
  color:var(--atf-thm-color);
  border-radius:50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -ms-border-radius:50%;
  -o-border-radius:50%;
  align-items:center;
  justify-content:center;
  transition:.5s
}
.atf-searching-area .atf-searching-close-btn:hover,
.atf-searching-area .atf-searching-form button:hover {
  background-color:var(--atf-thm-color);
  color:var(--atf-thm-white)
}
.atf-site-header.atf-style1.atf-sticky-active,
.atf-site-header.atf-style1.atf-style2.atf-sticky-active {
  width:100%;
  z-index:990;
  background-color:var(--atf-thm-white);
  box-shadow:0 8px 24px rgba(149,157,165,.2);
  opacity:1;
  visibility:visible;
  position:fixed;
  left:0;
  top:0
}
.atf-searching-area .atf-searching-form {
  display:flex;
  width:500px
}
.atf-searching-area .atf-searching-form input {
  border:1px solid var(--atf-border-1);
  border-right:none;
  flex-grow:1;
  -webkit-transition:.5s;
  -o-transition:.5s;
  transition:.5s;
  padding:12px 18px;
  color:var(--atf-thm-black);
  border-radius:0
}
.atf-searching-area .atf-searching-form input:focus {
  border-color:var(--atf-thm-color)
}
.atf-searching-area .atf-searching-form button {
  width:60px;
  background-color:var(--atf-thm-color);
  color:var(--atf-thm-white);
  display:flex;
  justify-content:center;
  align-items:center;
  border-color:var(--atf-thm-white)
}
.atf-footer-widget-info,
.atf-header-bottom-right,
.blogpost-details-list-text {
  gap:25px
}
.atf-searching-btn {
  background:0 0;
  font-size:18px;
  color:var(--atf-thm-color);
  border:none
}
.atf-site-branding img {
  max-width:150px;
  height:auto
}
.atf-site-branding {
  font-size:2rem
}
.atf-site-header.atf-style1 {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  justify-content:space-between;
  transition:.4s ease-out
}
.header .header-top {
  padding:20px 0
}
.atf-site-header.atf-style1.atf-sticky-active {
  color:var(--atf-thm-black);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  -webkit-animation:.95s forwards fadeInDown;
  -khtml-animation:0.95s ease 0s normal forwards 1 running fadeInDown;
  -moz-animation:.95s forwards fadeInDown;
  -ms-animation:0.95s ease 0s normal forwards 1 running fadeInDown;
  -o-animation:.95s forwards fadeInDown;
  animation:.95s forwards fadeInDown
}
.atf-site-header.atf-style1.atf-style2.atf-sticky-active {
  color:var(--atf-thm-black);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  -webkit-animation:.95s forwards stickyDown;
  -khtml-animation:0.95s ease 0s normal forwards 1 running stickyDown;
  -moz-animation:.95s forwards stickyDown;
  -ms-animation:0.95s ease 0s normal forwards 1 running stickyDown;
  -o-animation:.95s forwards stickyDown;
  animation:.95s forwards stickyDown
}
@keyframes stickyDown {
  0% {
    margin-top:-150px
  }
  100% {
    margin-top:0
  }
}
.atf-main-menu nav ul {
  display:flex;
  justify-content:space-between;
  align-items:center;
  transition:.3s ease-out
}
.atf-about-item .title:hover,
.atf-blog-btn a:hover,
.atf-blog-title:hover,
.atf-hamburger-close-toggle:hover,
.atf-main-menu>nav>ul>li>a:active,
.atf-main-menu>nav>ul>li>a:focus,
.atf-main-menu>nav>ul>li>a:hover,
.atf-post-btn-group .title:hover,
.atf-service-title:hover,
.breadcrumb-single-content span a:hover,
.lp-post:hover .lp-post-title,
.rating-card i,
.service-card-title:hover {
  color:var(--atf-thm-color)
}
.atf-main-menu>nav>ul>li {
  position:relative;
  display:inline-block;
  margin-right:35px
}
.atf-main-menu>nav>ul>li.menu-icon>a::before {
  content:"\f067";
  font-size:10px;
  position:absolute;
  top:50%;
  right:-12px;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
  font-family:var(--atf-ff-fontawesome);
  font-weight:900;
  -webkit-transition:.3s ease-out;
  -moz-transition:.3s ease-out;
  -ms-transition:.3s ease-out;
  -o-transition:.3s ease-out;
  transition:.3s ease-out
}
.atf-main-menu>nav>ul>li .sub-menu li>a::before,
.atf-main-menu>nav>ul>li>a {
  -webkit-transition:.3s ease-out;
  -moz-transition:.3s ease-out;
  -ms-transition:.3s ease-out;
  -o-transition:.3s ease-out
}
.atf-main-menu>nav>ul>li.menu-icon>a:hover::before {
  content:"\f068";
  opacity:1
}
.atf-main-menu>nav>ul>li:last-child {
  margin-right:0!important
}
.atf-main-menu>nav>ul>li>a {
  position:relative;
  padding:37px 0;
  display:block;
  color:var(--atf-thm-black);
  transition:.3s ease-out
}
.atf-main-menu>nav>ul>li .sub-menu,
.atf-main-menu>nav>ul>li .sub-menu li .sub-menu {
  position:absolute;
  top:100%;
  left:0;
  padding:0;
  display:block;
  min-width:220px;
  visibility:hidden;
  transform:scaleY(0);
  transform-origin:top center;
  background:var(--atf-thm-white);
  border-left:2px solid var(--atf-thm-color);
  box-shadow:0 10px 30px 0 rgba(25,25,26,.1);
  z-index:6;
  transition:.3s ease-out
}
.atf-main-menu>nav>ul>li .sub-menu li:hover>.sub-menu,
.atf-main-menu>nav>ul>li:hover>.sub-menu {
  transform:scaleY(1);
  visibility:visible
}
.atf-main-menu>nav>ul>li .sub-menu li {
  position:relative;
  display:block;
  border-bottom:1px solid rgba(0,0,0,.1)
}
.atf-main-menu>nav>ul>li .sub-menu li>a {
  padding:7px 20px;
  display:block;
  transition:.3s ease-out;
  text-align:left;
  position:relative;
  -webkit-transition:.3s ease-out;
  -moz-transition:.3s ease-out;
  -ms-transition:.3s ease-out;
  -o-transition:.3s ease-out
}
.atf-main-menu>nav>ul>li .sub-menu li:hover>a {
  padding-left:40px;
  color:var(--atf-thm-black);
  background:var(--atf-grey-6);
  letter-spacing:1px
}
.atf-main-menu>nav>ul>li .sub-menu li>a::before {
  position:absolute;
  width:10px;
  height:10px;
  top:50%;
  left:20px;
  content:"";
  opacity:0;
  visibility:hidden;
  transform:translateY(-50%);
  background:var(--atf-thm-color);
  transition:.3s ease-out;
  border-radius:50%
}
.atf-main-menu>nav>ul>li .sub-menu li:hover>a::before {
  opacity:1;
  visibility:visible
}
.atf-main-menu>nav>ul>li .arrow {
  border:1px solid var(--atf-thm-black);
  border-width:0 2px 2px 0;
  display:inline-block;
  padding:3px;
  -webkit-transition:.3s ease-out;
  -moz-transition:.3s ease-out;
  -ms-transition:.3s ease-out;
  -o-transition:.3s ease-out;
  transition:.3s ease-out;
  margin:0 0 1px 2px
}
.atf-hamburger-menu ul li .sub-menu,
.atf-hamburger-menu ul li .sub-menu li {
  padding-left:15px;
  position:relative
}
.atf-main-menu>nav>ul>li .down {
  transform:rotate(45deg);
  -webkit-transform:rotate(45deg)
}
.atf-main-menu>nav>ul>li:hover .arrow.down {
  transform:rotate(230deg);
  border:1px solid var(--atf-thm-black);
  border-width:0 2px 2px 0
}
.atf-main-menu>nav>ul>li .sub-menu li .sub-menu {
  right:auto;
  left:220px;
  top:10%;
  border-top:none;
  border-left:2px solid var(--atf-thm-color)
}
@media only screen and (max-width:1199px) {
  .atf-main-menu>nav>ul>li.menu-icon>a::before {
    display:none
  }
  .atf-main-menu>nav>ul>li {
    margin-right:30px
  }
  .atf-site-header.atf-style1 {
    padding:15px 0
  }
}
.atf-main-menu-bars button {
  font-size:18px;
  padding:10px 15px;
  border-radius:5px;
  color:var(--atf-thm-white);
  background-color:#3a5b5c;
  transition:.3s
}
.atf-hamburger {
  position:fixed;
  background:var(--atf-thm-white);
  width:500px;
  right:0;
  top:0;
  padding:50px 40px;
  height:100%;
  opacity:0;
  visibility:hidden;
  -webkit-transform:translateX(100%);
  -moz-transform:translateX(100%);
  -ms-transform:translateX(100%);
  -o-transform:translateX(100%);
  transform:translateX(100%);
  -webkit-transition:.3s ease-out .3s;
  -moz-transition:.3s ease-out .3s;
  -ms-transition:.3s ease-out .3s;
  -o-transition:.3s ease-out .3s;
  transition:.3s ease-out .3s;
  overscroll-behavior-y:contain;
  scrollbar-width:none;
  z-index:1088;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch
}
body.menu-open {
  overflow:hidden!important
}
.atf-hamburger-overlay.atf-hamburger-overlay-open {
  pointer-events:auto;
  touch-action:none
}
@media only screen and (max-width:574px) {
  .atf-hamburger {
    width:100%!important;
    padding:35px 30px
  }
}
@media only screen and (max-width:400px) {
  .atf-hamburger {
    width:100%!important;
    padding:35px 30px
  }
}
.atf-hamburger-open {
  opacity:1;
  visibility:visible;
  -webkit-transform:translateX(0);
  -moz-transform:translateX(0);
  -ms-transform:translateX(0);
  -o-transform:translateX(0);
  transform:translateX(0)
}
.atf-hamburger-close-toggle {
  font-size:30px;
  color:var(--atf-text-body)
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:575px) {
  .atf-hamburger-header {
    margin-bottom:40px;
    border-bottom:1px solid var(--atf-border-1);
    padding-bottom:30px
  }
}
.atf-hamburger-title {
  font-size:35px
}
.atf-hamburger-info span {
  font-size:16px;
  display:block;
  margin-bottom:5px;
  color:var(--atf-thm-black)
}
.atf-hamburger-sm-title {
  font-size:25px;
  margin-bottom:15px
}
.atf-hamburger-social a {
  font-size:14px;
  width:40px;
  height:40px;
  line-height:40px;
  text-align:center;
  border-radius:8px;
  display:inline-block;
  color:var(--atf-thm-black);
  border:1px solid rgba(2,11,24,.1);
  margin-right:5px;
  transition:.3s ease-out
}
.atf-hamburger-social a:hover,
.blogpost-details-social a:hover,
.comingsoon-details-social a:hover,
.sidebar-widget-content ul li a:hover {
  color:var(--atf-thm-white);
  background:var(--atf-thm-color)
}
.atf-hamburger-overlay {
  position:fixed;
  top:0;
  left:0;
  z-index:888;
  width:100%;
  height:100%;
  visibility:hidden;
  opacity:0;
  transition:.45s ease-in-out;
  background:rgba(24,24,24,.4)
}
.atf-hamburger-overlay-open {
  opacity:.7;
  visibility:visible
}
.atf-hamburger-menu ul li>a {
  padding:8px 0;
  display:block;
  font-size:16px;
  font-weight:500;
  -webkit-transition:.3s ease-out;
  -moz-transition:.3s ease-out;
  -ms-transition:.3s ease-out;
  -o-transition:.3s ease-out;
  transition:.3s ease-out
}
.atf-hamburger-menu ul li.active>a,
.atf-hamburger-menu ul li>a:hover,
.atf-service-item:hover .service_btn,
.form-message,
.icon-link:hover {
  color:var(--atf-thm-black)
}
.atf-hamburger-menu ul li:not(:last-child)>a {
  border-bottom:1px solid rgba(1,15,28,.1)
}
.atf-hamburger-menu ul li.active>.atf-menu-close {
  color:var(--atf-thm-black);
  border-color:var(--atf-thm-black)
}
.atf-hamburger-menu ul li.active>.atf-menu-close i {
  -webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  transform:rotate(90deg)
}
.atf-hamburger-menu ul li .sub-menu {
  display:none
}
.atf-hamburger-menu ul li .sub-menu li::before {
  content:'';
  background:var(--atf-thm-color);
  left:0;
  top:20px;
  width:8px;
  height:8px;
  position:absolute;
  border-radius:50%
}
.atf-hamburger-menu ul li .sub-menu.atf-mega-menu {
  padding-left:0
}
.atf-menu-close {
  position:absolute;
  right:0;
  top:7.5px;
  border:1px solid rgba(1,15,28,0);
  height:30px;
  width:30px;
  text-align:center;
  font-size:12px;
  line-height:29px;
  -webkit-transition:.3s ease-out .3s;
  -moz-transition:.3s ease-out .3s;
  -ms-transition:.3s ease-out .3s;
  -o-transition:.3s ease-out .3s;
  transition:.3s ease-out .3s
}
.atf-menu-close:hover {
  border:1px solid var(--atf-thm-black)
}
.call-to-action-item {
  background:#E2F1F2;
  padding:7px 16px;
  border-radius:10px
}
.call-to-action-icon {
  width:50px;
  height:50px;
  background:#3a5b5c;
  text-align:center;
  line-height:50px;
  margin-right:15px;
  font-size:18px;
  color:var(--atf-thm-white);
  border-radius:50%
}
.shape-1,
.shape-2 {
  background-size:cover;
  background-position:center
}
.call-to-action-phone {
  font-size:15px;
  font-weight:400
}
.call-to-action-text h6 {
  font-weight:400;
  font-size:16px
}
.atf-hero-area {
  position:relative;
  height:750px;
  overflow:hidden
}
.hero-frame img,
.shape-1,
.shape-2 {
  position:absolute;
  object-fit:cover
}
.hero-title {
  font-size:60px;
  line-height:1.05;
  font-weight:400;
  margin:0 0 30px;
  letter-spacing:-2px
}
.hero-describtion {
  color:var(--atf-text-body);
  font-size:16px
}
.avatars img {
  width:55px;
  height:55px;
  border-radius:50%;
  border:3px solid var(--atf-thm-white);
  margin-left:-25px;
  box-shadow:0 6px 18px rgba(0,0,0,.28)
}
.customer-text .title {
  font-weight:500;
  color:var(--atf-thm-black);
  margin-bottom:10px;
  display:inline-block
}
.follow-us-text,
.nav-tabs .nav-item .nav-link.active,
.stars {
  font-weight:700
}
.trust {
  color:var(--atf-thm-black);
  font-size:14px
}
.stars {
  color:#d5c120;
  margin-right:10px;
  font-size:16px
}
.follow-us-text,
.icon-link {
  color:#3a5b5c;
}
.hero-frame {
  display:inline-block;
  box-shadow:0 18px 40px rgba(17,17,17,.08)
}
.hero-frame img {
  width:unset;
  height:600px;
  bottom:0;
  right:0
}
.shape-1 {
  left:45%;
  bottom:15%;
  width:15%;
  z-index:1;
  animation:15s linear infinite spin
}
.shape-2 {
  right:-120px;
  top:20%;
  width:30%;
  z-index:-1;
  animation:15s linear infinite atftranslateX2;
  border-radius:50%
}
.shape-3,
.shape-5,
.shape-6 {
  position:absolute;
  width:15%
}
.shape-4,
.shape-5,
.shape-6 {
  background-position:center;
  z-index:1;
  animation:15s linear infinite spin;
  background-size:cover;
  object-fit:cover
}
.shape-3 {
  left:0;
  transform:rotate(90deg);
  background-size:cover;
  background-position:center;
  z-index:1;
  object-fit:cover;
  top:27%
}
.shape-5 {
  left:5%;
  bottom:5%
}
.shape-6 {
  right:5%;
  bottom:5%
}
.left-glow,
.right-dots {
  z-index:0;
  position:absolute
}
.left-glow {
  width:200px;
  height:200px;
  background:radial-gradient(circle,#17d9d0 0,transparent 70%);
  top:-70px;
  left:-70px;
  opacity:.7;
  animation:9s infinite zoom
}
.right-dots {
  right:-150px;
  top:10%;
  width:300px;
  height:300px;
  background-image:radial-gradient(#a2a2a2 10%,transparent 50%);
  background-size:6px 1px;
  background-position:center;
  opacity:.55;
  transform:rotate(45deg);
  border-radius:50%;
  animation:9s infinite bounce-up
}
.blur-circle {
  position:absolute;
  top:30%;
  right:40%;
  width:200px;
  height:200px;
  background:radial-gradient(circle,#fff 0,transparent 60%);
  filter:blur(20px);
  opacity:.7;
  animation:7s infinite zoom
}
.icon-divider,
.icon-divider-right {
  width:60px;
  height:2px;
  background-color:#ccc;
  position:absolute;
  top:10px
}
.follow-us-text {
  font-size:12px;
  letter-spacing:1px;
  text-align:center
}
.icon-divider {
  left:25px
}
.icon-divider-right {
  right:25px
}
.social-icons {
  display:flex;
  gap:15px;
  justify-content:center
}
.icon-link {
  font-size:14px;
  transition:color .3s
}
@media (max-width:991px) {
  #back_to_top,
  #back_to_top.active {
    bottom:20px;
    inset-inline-end:20px
  }
  .hero-title {
    font-size:40px
  }
  .hero-frame img {
    width:320px;
    height:320px
  }
}
@media (max-width:576px) {
  .hero-section {
    padding:40px 0 60px
  }
  .hero-title {
    font-size:28px;
    line-height:1.3;
    letter-spacing:0
  }
  .hero-frame {
    transform:none
  }
  .hero-frame img {
    width:100%;
    height:260px
  }
}
.atf-aicenter {
  display:flex;
  align-items:center;
  justify-content:center
}
.atf-cover-bg {
  position:relative;
  z-index:1
}
.atf-cover-bg::before {
  content:"";
  width:100%;
  height:100%;
  top:0;
  left:0;
  position:absolute;
  background:rgba(0,0,0,.5);
  z-index:-1
}
.hero-secondary-title {
  font-size:100px;
  color:var(--atf-thm-white);
  letter-spacing:-2px;
  line-height:1.1;
  font-weight:400
}
.hero-secondary-thumb {
  display:inline-block;
  width:200px;
  height:120px;
  border-radius:150px
}
.hero_round_image {
  position:absolute;
  background:var(--atf-thm-base);
  border-radius:50%;
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
  z-index:10;
  top:17%;
  right:15%;
  transform:translate(-50%,-50%)
}
.about_round_text_area,
.choose_round_text_area,
.hero_round_text_area {
  position:relative;
  width:140px;
  animation:15s linear infinite spin;
  margin:0 auto;
  padding:5px
}
.about_round_text_area .about_round_text text,
.choose_round_text_area .about_round_text text,
.hero_round_text_area .about_round_text text {
  font-size:22px;
  fill:var(--atf-thm-black);
  text-transform:uppercase;
  letter-spacing:2px
}
.choose_round_image .center-arrow,
.hero_round_image .center-arrow {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  font-weight:700;
  color:var(--atf-thm-black);
  z-index:20
}
.hero-right-dots {
  position:absolute;
  right:16%;
  top:0;
  width:250px;
  height:270px;
  opacity:.25;
  z-index:0;
  background:var(--atf-thm-color);
  border-bottom-left-radius:50%;
  border-bottom-right-radius:50%
}
.hero-secondary-thumbnail img {
  border-top-right-radius:20px;
  border-top-left-radius:20px
}
@media screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px) {
  .hero-secondary-content .avatars {
    display:none
  }
  .hero-secondary-title {
    font-size:70px
  }
}
@media screen and (min-width:768px) and (max-width:991px),only screen and (min-width:575px) and (max-width:767px) {
  .hero-secondary-title {
    font-size:50px;
    letter-spacing:0
  }
}
.swiper.atf__partner_slider_active a {
  border-radius:20px;
  padding:8px 0;
  display:inline-block;
  background:var(--atf-grey-6);
  filter:brightness(1);
  transition:.5s ease-out;
  -webkit-transition:.5s ease-out
}
.swiper.atf__partner_slider_active a:hover {
  filter:brightness(80%)
}
.atf-about-item .title {
  -webkit-transition:.5s ease-out;
  transition:.5s ease-out
}
.atf-about-item-icon span {
  width:100px;
  height:100px;
  background:var(--atf-thm-color);
  text-align:center;
  line-height:110px;
  border-radius:50%;
  margin-top:15px;
  color:var(--atf-thm-white);
  display:inline-block;
  clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%)
}
.atf-about-item title {
  font-size:22px;
  font-weight:600
}
.atf-about-area {
  position:relative;
  overflow:hidden
}
.about_round_image {
  position:absolute;
  background:var(--atf-thm-base);
  border-radius:50%;
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
  z-index:10
}
.about_round_image.style1 {
  bottom:-18%
}
.about-business-image {
  object-fit:cover;
  z-index:2;
  position:relative;
  box-shadow:0 15px 30px rgba(0,0,0,.15),0 0 0 10px rgba(255,102,0,.1)
}
.secondary-about-image {
  object-fit:cover;
  z-index:1;
  box-shadow:0 10px 20px rgba(0,0,0,.1)
}
.atf-about-title,
.atf-contact-address h3 {
  font-size:24px;
  font-weight:400
}
.atf-about-icon {
  font-size:40px;
  color:var(--atf-thm-white);
  text-align:center;
  transition:1.3s;
  background:var(--atf-thm-color);
  padding:10px 20px;
  margin-right:30px;
  border-radius:10px
}
.experience-counter {
  top:6px;
  left:12px;
  background-color:#fff;
  height:125px;
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:3;
  box-shadow:0 0 0 10px rgba(255,102,0,.15),0 5px 15px rgba(0,0,0,.1);
  text-align:left
}
.experience-counter .icon-circle {
  width:70px;
  height:70px;
  background-color:var(--atf-thm-base);
  border-radius:10%;
  display:flex;
  justify-content:center;
  align-items:center;
  color:var(--atf-thm-black)
}
.choose-counter h4,
.experience-counter h4 {
  color:#3a5b5c;
  font-weight:400;
  font-size:36px;
  line-height:1
}
.blogpost-author-date,
.choose-counter_ceontent .year,
.experience-counter_ceontent .year {
  font-size:14px;
  font-weight:500
}
.nav-tabs .nav-item .nav-link {
  background-color:transparent;
  color:var(--atf-text-body);
  border:none;
  border-radius:10px;
  padding:10px 20px;
  font-weight:600;
  transition:.3s;
  font-size:14px;
  margin-right:10px
}
.nav-tabs .nav-item .nav-link.active,
.nav-tabs .nav-item .nav-link:hover:not(.active) {
  color:var(--atf-thm-white);
  border-radius:30px;
  background-color:#3a5b5c;
}
.about_video_area {
  width:100%;
  min-height:180px;
  display:flex;
  justify-content:center;
  align-items:center
}
.about_video_area img,
.atf-service-item.v2,
.atf-service-item.v2 img,
.atf-service-item.v2::after,
.blogpost-details-list img {
  border-radius:20px
}
.feature-list li {
  font-size:1rem;
  color:var(--atf-text-body);
  margin-bottom:8px;
  text-align:left
}
.client .swiper-slide,
.member-info h3 {
  font-size:24px;
  color:var(--atf-thm-white)
}
.atf-faq-accordion .card .card-body ul,
.atf-terms-details p,
.atf_portfolio__details-wrapper p,
.blogpost-comment-text p,
.privacy-policy-details p,
blockquote p {
  margin-bottom:15px
}
.feature-list li i {
  color:#3a5b5c;
  margin-right:5px
}
.about-shape-image {
  position:absolute;
  bottom:0;
  right:20%;
  width:350px;
  max-width:50%;
  z-index:-1;
  opacity:.2;
  animation:8s linear infinite atftranslateX2
}
.choose-thumb {
  border-radius:100px!important
}
.choose-counter {
  align-items:center;
  z-index:3;
  text-align:left
}
.choose-counter .icon-circle {
  width:110px;
  height:70px;
  background-color:var(--atf-thm-base);
  border-radius:5%;
  display:flex;
  justify-content:center;
  align-items:center
}
.choose_round_image {
  position:absolute;
  background:var(--atf-thm-base);
  border-radius:50%;
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
  z-index:10;
  top:40%;
  left:50%;
  transform:translate(-50%)
}
.color-me {
  color:var(--atf-thm-color);
  width:50px;
  height:50px
}
.rating-card,
.rating-content {
  padding:3px 8px;
  font-weight:400;
  color:var(--atf-thm-black);
  font-size:16px
}
.rotate {
  animation:15s linear infinite spin
}
.marquee-wrapper {
  width:100%;
  overflow:hidden
}
.marquee-wrapper ul.marquee-content {
  display:flex;
  align-items:center;
  gap:30px
}
.marquee-wrapper ul.marquee-content li {
  position:relative;
  font-size:70px;
  font-weight:900;
  letter-spacing:1px;
  line-height:.8;
  text-transform:uppercase;
  background-image:url(../img/bg/bg-text.png);
  background-size:cover;
  background-position:50%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  display:inline-block;
  text-shadow:0 1px 0 rgba(0,0,0,.2);
  white-space:nowrap;
  transition:.5s ease-out;
  flex-shrink:0
}
.marquee-wrapper ul.marquee-content li:hover {
  -webkit-text-fill-color:var(--atf-thm-color)
}
.marquee-wrapper ul.marquee-content li svg {
  color:var(--atf-thm-base);
  font-size:50px;
  margin-right:25px
}
.swiper.client {
  width:700px;
  height:400px
}
.client .swiper-slide {
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  font-weight:400
}
.testimonial-card {
  border-radius:15px;
  overflow:hidden;
  box-shadow:0 0 0 10px rgba(62, 162, 173, 0.3),0 0 0 6px rgba(255,239,228,.15);
}
.rating-card {
  background-color:var(--atf-thm-white);
  border-radius:8px;
  border:1px solid #eee;
  box-shadow:0 5px 15px rgba(0,0,0,.1)
}
.rating-content {
  justify-content:space-between
}
.rating {
  color:var(--atf-thm-color);
  font-weight:600;
  font-size:16px;
  padding:2px 15px;
  border-radius:5px;
  box-shadow:0 0 0 4px rgba(81,124,251,.3),0 0 0 6px rgba(255,239,228,.15)
}
.rating-icon {
  color:#ffab0b;
  font-weight:700;
  margin-right:10px;
  font-size:16px
}
.reviewer-img {
  width:90px;
  height:90px;
  object-fit:cover
}
.client-arrow {
  top:22%;
  right:70px;
  transform:translateY(-50%);
  width:80px;
  height:80px;
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:#a4e3ea;
  border-radius:50%;
  box-shadow:0 2px 10px rgba(0,0,0,.1);
  color:var(--atf-thm-black)
}
.video-area {
  height:550px
}
.video-area.atf-cover-bg::before {
  background:rgba(0,0,0,.4);
  z-index:1;
  transform:skewX(35deg) translate(-215px,0);
  width:60%
}
.about_video_area .atf-video-icon {
  height:50px;
  width:50px;
  background-color:var(--atf-thm-white);
  color:var(--atf-thm-color)
}
.atf-video-icon,
.gallery-details.atf-video-icon {
  background-color:var(--atf-thm-base);
  border-radius:50%
}
.gallery-details.atf-video-icon {
  color:var(--atf-thm-color);
  width:70px;
  height:70px
}
.video-area .atf-animation-zoom1 a:hover {
  color:var(--atf-thm-black)!important
}
.atf-video-icon {
  height:100px;
  width:100px;
  color:var(--atf-thm-black);
  font-size:20px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  z-index:9;
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform:translateX(-50%) translateY(-50%);
  -ms-transform:translateX(-50%) translateY(-50%);
  transform:translateX(-50%) translateY(-50%)
}
.atf-animation-zoom1 a {
  -webkit-animation:1s infinite zoom1;
  animation:1s infinite zoom1
}
@-webkit-keyframes zoom1 {
  0% {
    -webkit-box-shadow:0 0 0 0 rgba(255,255,255,.6);
    box-shadow:0 0 0 0 rgba(255,255,255,.6)
  }
  70% {
    -webkit-box-shadow:0 0 0 15px rgba(255,255,255,0);
    box-shadow:0 0 0 15px rgba(255,255,255,0)
  }
  100% {
    -webkit-box-shadow:0 0 0 0 rgba(255,255,255,0);
    box-shadow:0 0 0 0 rgba(255,255,255,0)
  }
}
@keyframes zoom1 {
  0% {
    -webkit-box-shadow:0 0 0 0 rgba(255,255,255,.6);
    box-shadow:0 0 0 0 rgba(255,255,255,.6)
  }
  70% {
    -webkit-box-shadow:0 0 0 15px rgba(255,255,255,0);
    box-shadow:0 0 0 15px rgba(255,255,255,0)
  }
  100% {
    -webkit-box-shadow:0 0 0 0 rgba(255,255,255,0);
    box-shadow:0 0 0 0 rgba(255,255,255,0)
  }
}
.member-card {
  background-color:var(--atf-thm-black);
  border-radius:10px;
  overflow:hidden;
  position:relative;
  box-shadow:0 4px 15px rgba(0,0,0,.2);
  transition:.3s ease-out;
  -webkit-transition:.3s ease-out;
  padding:15px
}
.member-card:hover {
  box-shadow:0 8px 25px rgba(0,0,0,.4);
  transform:translateY(-6px)
}
.member-card-thumb {
  position:relative;
  padding-top:130%
}
.member-card-thumb img {
  border-radius:12px
}
.member-img {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover
}
.member-info h3 {
  -webkit-transition:.3s ease-out;
  transition:.3s ease-out
}
.atf-footer-widget.footer-col-4-3 h3:hover,
.atf-service-item:hover .atf-service-title,
.member-info h3:hover,
.pricing-feature-list li i {
  color:var(--atf-thm-base)
}
.team-trigger {
  position:absolute;
  bottom:-72px;
  right:2px;
  background-color:var(--atf-thm-base);
  color:var(--atf-thm-black);
  width:45px;
  height:45px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:10;
  transition:transform .3s
}
.atf-blog-item:hover .atf-blog-thumb img,
.team-trigger:hover {
  transform:scale(1.1)
}
.social-icons-overlay {
  position:absolute;
  bottom:0;
  right:350px;
  width:100%;
  height:auto;
  background-color:rgba(0,0,0,.5);
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  padding:15px;
  opacity:0;
  transition:.5s ease-out;
  z-index:5;
  border-radius:12px;
  -webkit-transition:.5s ease-out;
  visibility:hidden
}
.social-icons-overlay.active {
  opacity:1;
  visibility:visible;
  right:0;
  overflow:hidden;
  z-index:6
}
.team-icon-link {
  color:var(--atf-thm-color);
  font-size:14px;
  transition:color .2s,transform .2s;
  width:40px;
  height:40px;
  background:var(--atf-thm-base);
  text-align:center;
  line-height:40px;
  border-radius:50%
}
.team-icon-link:hover {
  background:var(--atf-thm-white);
  transform:translateY(-2px);
  color:var(--atf-thm-black)
}
.atf-faq-accordion .card {
  border:none;
  border-bottom:1px solid var(--atf-border-1);
  display:block;
  text-align:left;
  margin-bottom:10px;
  -webkit-box-orient:unset;
  -webkit-box-direction:unset;
  -ms-flex-direction:unset;
  flex-direction:unset;
  border-radius:0
}
.atf-faq-accordion .card .card-header {
  padding:0;
  border:none;
  text-align:left;
  color:var(--atf-thm-black);
  border-radius:0;
  background:0 0
}
.atf-faq-accordion .card .card-header button:active,
.atf-faq-accordion .card .card-header button:focus,
.atf-faq-accordion .card .card-header button:hover {
  background:0 0;
  color:var(--atf-thm-black);
  border-radius:0
}
.atf-faq-accordion .card .card-header button {
  border:none;
  width:100%;
  text-align:left;
  position:relative;
  -webkit-transition:.5s ease-in-out;
  transition:.5s ease-in-out;
  font-size:24px;
  font-weight:400;
  padding:0 0 10px;
  font-family:var(--atf-ff-heading)
}
.atf-faq-accordion .card .card-header button::before {
  content:"\f078";
  position:absolute;
  right:0;
  -webkit-transition:.5s ease-in-out;
  transition:.5s ease-in-out;
  top:50%;
  -webkit-transform:translateY(-50%) rotate(180deg);
  transform:translateY(-50%) rotate(180deg);
  font-family:var(--atf-ff-fontawesome);
  font-size:15px;
  font-weight:700
}
.atf-faq-accordion .card .card-header button.collapsed {
  border-bottom-width:0
}
.atf-faq-accordion .card .card-header button.collapsed::before {
  -webkit-transform:translateY(-50%) rotate(0);
  transform:translateY(-50%) rotate(0)
}
.atf-faq-accordion .card-body {
  padding:0 0 10px;
  color:var(--atf-text-body)
}
.atf-faq-accordion .card .card-body ul li:last-child,
.atf-faq-accordion .card .card-body ul:last-child,
.atf-faq-accordion .card:last-child,
.atf-single-newsletter .atf_contact_input {
  margin-bottom:0
}
.atf-faq-accordion .card .card-body ul li {
  margin-bottom:12px;
  color:var(--atf-thm-color)
}
.atf-faq-accordion.style2 .card,
.atf-service-item.v2::before,
.atf-service-item.v2:hover::before {
  background:0 0
}
.atf-services-area-plr {
  padding-left:50px;
  padding-right:50px
}
.services-section {
  background-color:#f8f9fa;
  padding-top:5rem!important;
  padding-bottom:5rem!important
}
.flex-service-container {
  padding:0 15px
}
.flex-card-wrapper {
  flex-grow:1;
  flex-shrink:1;
  flex-basis:0;
  -webkit-transition:.5s cubic-bezier(.25, .46, .45, .94);
  transition:.5s cubic-bezier(.25, .46, .45, .94);
  max-width:100%
}
.card-image img,
.service-card {
  -webkit-transition:.5s ease-out;
  width:100%
}
.service-card {
  border:1px solid var(--atf-border-1);
  border-radius:.5rem;
  box-shadow:0 4px 10px rgba(0,0,0,.05);
  background-color:var(--atf-thm-white);
  height:370px;
  min-height:370px;
  overflow:hidden;
  transform:scale(.98);
  transition:.5s ease-out
}
.card-image .icon,
.card-side-content .icon {
  width:70px;
  height:70px;
  border-radius:50%;
  line-height:70px;
  font-size:20px;
  text-align:center
}
.card-side-content {
  background-color:var(--atf-grey-2);
  transition:opacity .3s;
  height:100%;
  width:100%;
  position:absolute;
  z-index:20
}
.rotated-text {
  writing-mode:sideways-lr;
  text-orientation:mixed;
  transform:rotate(180deg);
  margin:0;
  padding:0;
  font-size:24px;
  white-space:pre-line
}
.card-active-content {
  opacity:0;
  transition:opacity .4s .1s;
  height:100%;
  width:100%;
  display:none;
  z-index:10
}
.card-image {
  height:210px;
  background-size:cover;
  background-position:center;
  overflow:hidden
}
.flex-card-wrapper:hover .card-image img {
  filter:brightness(.85)
}
.card-image img {
  filter:brightness(1);
  object-fit:cover;
  transition:.5s ease-out
}
.card-image .icon {
  position:absolute;
  bottom:20px;
  left:20px;
  background:var(--atf-thm-base);
  color:var(--atf-thm-black)
}
.card-side-content .icon {
  background:var(--atf-thm-white);
  color:var(--atf-thm-color)
}
.card-active-content .bg-white {
  position:relative;
  z-index:5
}
.process-title,
.service-card-title {
  font-size:24px;
  -webkit-transition:.5s ease-out;
  transition:.5s ease-out
}
.flex-card-wrapper.active-default {
  flex-grow:4;
  z-index:10
}
.flex-card-wrapper.active-default .service-card,
.flex-card-wrapper:hover .service-card {
  border:2px solid var(--atf-thm-color);
  box-shadow:0 8px 20px rgba(0,123,255,.2);
  transform:scale(1)
}
.flex-card-wrapper.active-default .card-side-content {
  display:none!important
}
.flex-card-wrapper.active-default .card-active-content,
.flex-card-wrapper:hover .card-active-content {
  opacity:1;
  display:flex!important
}
.flex-card-wrapper:hover {
  flex-grow:4;
  z-index:20
}
.atf-service-item::after,
.atf-service-item::before {
  content:'';
  position:absolute;
  height:100%;
  z-index:-1;
  background:#3a5b5c;
  top:0
}
.flex-card-wrapper:hover .card-side-content {
  opacity:0;
  display:none!important
}
@media (min-width:992px) and (max-width:1199.98px) {
  .flex-card-wrapper {
    flex-grow:1;
    flex-basis:48%;
    margin:1%;
    max-width:48%
  }
  .flex-card-wrapper.active-default,
  .flex-card-wrapper:hover {
    flex-grow:1;
    max-width:48%;
    transform:none
  }
  .rotated-text {
    writing-mode:initial;
    transform:none
  }
  .flex-card-wrapper .card-side-content {
    display:none!important
  }
  .flex-card-wrapper .card-active-content {
    opacity:1;
    display:flex!important
  }
  .service-card {
    height:auto
  }
}
@media (min-width:768px) and (max-width:991.98px) {
  .flex-card-wrapper {
    flex-grow:1;
    flex-basis:48%;
    margin:1%;
    max-width:48%
  }
  .flex-card-wrapper.active-default,
  .flex-card-wrapper:hover {
    flex-grow:1;
    max-width:48%;
    transform:none
  }
  .rotated-text {
    writing-mode:initial;
    transform:none
  }
  .flex-card-wrapper .card-side-content {
    display:none!important
  }
  .flex-card-wrapper .card-active-content {
    opacity:1;
    display:flex!important
  }
  .service-card {
    height:auto
  }
}
@media (max-width:767.98px) {
  .flex-card-wrapper {
    flex-grow:1;
    flex-basis:100%;
    max-width:100%
  }
  .flex-card-wrapper .card-side-content {
    display:none!important
  }
  .flex-card-wrapper .card-active-content {
    opacity:1;
    display:flex!important
  }
  .rotated-text {
    writing-mode:initial;
    transform:none
  }
  .service-card {
    margin-bottom:20px;
    height:auto
  }
}
.atf-service-item {
  border:1px solid var(--atf-border-1);
  border-radius:0;
  width:100%;
  padding:22px 25px;
  transition:1.3s;
  justify-content:space-between;
  position:relative
}
.atf-service-item::after {
  left:0;
  width:0%;
  -webkit-transition:.5s ease-in-out;
  transition:.5s ease-in-out
}
.atf-service-item:hover p {
  color:#c8c8c8
}
.atf-service-item::before {
  right:0;
  width:20%;
  clip-path:polygon(25% 0%,100% 0%,100% 100%,25% 100%,0% 50%)
}
.atf-service-item:hover::before {
  background:var(--atf-thm-color);
  z-index:1
}
@media screen and (min-width:1200px) and (max-width:1399px) {
  .social-icons-overlay {
    padding:5px
  }
  .atf-service-item {
    padding:18px
  }
}
.atf-service-icon {
  font-size:45px;
  color:var(--atf-thm-white);
  text-align:center;
  transition:1.3s;
  background:#19312f;
  padding:15px 20px;
  margin-right:30px;
  border-radius:10px
}
.atf-service-item:hover .atf-service-icon {
  animation:.3s ease-in-out bounce-down
}
.atf-service-title {
  transition:.3s ease-out;
  font-size:24px;
  font-weight:400
}
.atf-contact-address p,
.atf-contact-form .button,
.atf-footer-widget-mailaddress p,
.atf-service-box-content p,
.portfolio-details-list p,
.service-details-list ul li p {
  margin:0
}
.atf-service-btn a {
  width:60px;
  height:60px;
  border-radius:50%;
  background-color:var(--atf-grey-2);
  flex-shrink:0;
  -webkit-transition:.5s ease-out;
  transition:.5s ease-out
}
.service_btn {
  color:var(--atf-thm-black);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-right:15px
}
.atf-service-item:hover .atf-service-btn a {
  background-color:var(--atf-thm-base);
  z-index:1
}
.atf-service-item.active .atf-service-btn {
  background-color:var(--atf-thm-white)!important
}
.atf-service-item.active .service_btn {
  color:var(--atf-thm-color)!important
}
.atf-service-item.active:hover .service_btn .icon {
  animation:none;
  transform:none
}
.process-text {
  color:#ccc
}
.process-card {
  background-color:var(--atf-thm-black);
  border:none;
  border-radius:12px;
  box-shadow:0 4px 15px rgba(0,0,0,.2);
  position:relative;
  padding-top:10px;
  transition:transform .3s
}
.process-card:hover {
  transform:translateY(-6px);
  color:var(--atf-thm-color)
}
.step-marker-container {
  position:absolute;
  top:-30px;
  left:50%;
  transform:translateX(-50%);
  z-index:10
}
.step-marker {
  background-color:var(--atf-thm-base);
  color:var(--atf-thm-black);
  width:70px;
  height:55px;
  border-radius:10%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
  padding-top:1px;
  box-shadow:0 5px 10px rgba(0,0,0,.4);
  position:relative
}
.portfolio {
  background:linear-gradient(to right,var(--atf-thm-color),var(--atf-thm-base),var(--atf-thm-black));
  text-align:center;
  border-radius:30px
}
.portfolio_list .portfolio .portfolio-content,
.portfolio_list .portfolio:before {
  opacity:0;
  transform:translate(-50%,-50%) rotate(360deg);
  position:absolute;
  top:50%;
  left:150%;
  transition:.6s
}
.portfolio_list .portfolio:before {
  content:"";
  background:var(--atf-thm-white);
  width:300px;
  height:300px;
  border-radius:50%;
  z-index:1
}
.portfolio_list .portfolio .portfolio-content {
  color:var(--atf-thm-black);
  width:85%;
  z-index:2
}
.portfolio_list .portfolio:hover .portfolio-content,
.portfolio_list .portfolio:hover:before {
  opacity:1;
  left:50%;
  transform:translate(-50%,-50%) rotate(0)
}
.portfolio_list .portfolio img {
  width:100%;
  height:auto;
  transition:.45s ease-in-out;
  border-radius:30px
}
.portfolio_list .portfolio:hover img {
  opacity:.3;
  filter:grayscale(100%)
}
.portfolio .title {
  font-size:24px;
  font-weight:400;
  margin:0 0 6px;
  color:var(--atf-thm-black)
}
.portfolio .post {
  font-size:16px;
  font-style:italic;
  margin:0 0 15px;
  display:block
}
.portfolio .icon {
  padding:0;
  margin:0;
  list-style:none
}
.portfolio .icon li {
  margin:0 3px;
  display:inline-block
}
.portfolio .icon li a {
  color:var(--atf-thm-white);
  background:var(--atf-thm-black);
  font-size:16px;
  line-height:50px;
  width:50px;
  height:50px;
  display:block;
  transition:.35s;
  border-radius:10px
}
.portfolio .icon li a:hover {
  background:var(--atf-thm-base);
  color:var(--atf-thm-black)
}
.atf-portfolio-area .swiper {
  width:100%;
  padding-bottom:65px
}
.atf-portfolio-area .swiper-slide {
  background-position:center;
  background-size:cover;
  width:420px!important;
  height:420px;
  background:var(--atf-thm-white);
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:30px;
  overflow:visible
}
.atf-portfolio-area .swiper-pagination-bullet {
  background:var(--atf-thm-color)!important;
  width:15px!important;
  height:15px!important
}
.pricing-card {
  background-color:var(--atf-thm-black);
  border:1px solid #333;
  border-radius:1rem;
  transition:transform .3s,box-shadow .3s
}
.text-muted-light {
  color:#ccc!important
}
.pricing-card:hover {
  transform:translateY(-5px);
  box-shadow:0 10px 30px rgba(0,0,0,.3)
}
.pricing-title {
  font-size:48px;
  font-weight:400;
  line-height:1.2;
  color:var(--atf-thm-white)
}
.standard-highlight-card {
  border:5px solid var(--atf-thm-base);
  background:var(--atf-thm-color)
}
.pricing-feature-list li {
  padding:10px 0;
  font-size:1.05rem;
  color:#ccc;
  border-bottom:1px dashed rgba(255,255,255,.3)
}
.pricing-feature-list li:last-child {
  border-bottom:none
}
.atf-pricing-btn .atf-themes-btn.hometwo,
.mailchamp input {
  border-radius:0
}
.bg-shape-dot::before {
  content:"";
  position:absolute;
  inset:0;
  background-image:radial-gradient(#477364 .5px,#00000059 1px);
  background-size:4px 4px;
  opacity:.45;
  pointer-events:none;
  z-index:0
}
.atf-funfact-title {
  color:var(--atf-thm-white);
  font-size:60px;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke-color:var(--atf-thm-white);
  -webkit-text-stroke-width:1px;
  letter-spacing:1px;
  font-weight:600;
  transition:.5s ease-out;
  line-height:1;
  -webkit-transition:.5s ease-out
}
.atf-funfact-title:hover {
  -webkit-text-fill-color:var(--atf-thm-base)
}
.atf-funfact-item p {
  font-weight:400;
  color:var(--atf-rgb-white);
  font-size:20px;
  margin:0
}
.atf-funfact-wrapp .row [class*=col-]:last-child .atf-funfact-item {
  border-right:0
}
.atf-blog-item {
  position:relative;
  background:#E8F5F4;
  padding:25px;
  border-radius:20px
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) {
  .atf-blog-item {
    margin-bottom:25px
  }
}
.atf-blog-thumb,
.atf-blog-thumb.blog-thmb-v2 {
  overflow:hidden;
  display:flex
}
.atf-blog-thumb img {
  width:100%;
  transition:1.3s
}
.atf-blog-meta-date,
.atf-blog-title {
  -webkit-transition:.3s ease-out;
  -moz-transition:.3s ease-out;
  -ms-transition:.3s ease-out;
  -o-transition:.3s ease-out
}
.atf-blog-meta-date {
  background:var(--atf-thm-base);
  color:var(--atf-thm-black);
  padding:15px 20px;
  transition:.3s ease-out;
  line-height:1
}
.atf-blog-meta-date span {
  font-weight:400;
  margin:0;
  color:var(--atf-thm-black);
  font-size:15px;
  text-align:center;
  display:inline-block;
  line-height:1.7
}
.atf-blog-meta-date strong {
  font-size:25px;
  display:inline-block;
  line-height:0
}
.atf-blog-meta-box {
  gap:20px;
  color:var(--atf-thm-white);
  font-weight:400;
  background:var(--atf-thm-black);
  margin-top:-2px
}
.atf-blog-meta-tag {
  background:var(--atf-thm-base);
  color:var(--atf-thm-black);
  display:inline-block;
  padding:3px 10px;
  font-size:14px;
  text-transform:uppercase;
  border-radius:5px
}
.atf-blog-title {
  font-size:24px;
  font-weight:400;
  line-height:1.4;
  margin:0;
  display:inline;
  transition:.3s ease-out
}
.atf-blog-btn a,
.breadcrumb-single-content .arrow {
  -moz-transition:.3s ease-out;
  -ms-transition:.3s ease-out;
  -o-transition:.3s ease-out
}
.read-btn-area {
  color:var(--atf-text-body);
  font-weight:400;
  border-top:1px solid var(--atf-border-1)
}
.atf-blog-btn a {
  font-weight:600;
  color:var(--atf-thm-black);
  -webkit-transition:.3s ease-out;
  transition:.3s ease-out
}
.atf-blog-btn a .icon {
  display:inline-block;
  font-weight:600;
  color:var(--atf-thm-black)
}
.atf-blog-btn a:hover .icon {
  animation:.3s ease-in-out bounce-up;
  color:var(--atf-thm-color)
}
.atf-blog-thumb.blog-thmb-v2 img {
  width:100%;
  transition:1.3s;
  flex:0 0 250px;
  overflow:hidden;
  height:270px;
  background-size:cover;
  background-position:50%;
  object-fit:cover
}
.breadcrumb-cover-bg::before {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  opacity:.3;
  content:"";
  background-color:var(--atf-thm-black)
}
.breadcrumb-single-content {
  position:relative;
  font-size:16px;
  display:inline-block;
  border-radius:30px;
  background-color:var(--atf-thm-white);
  padding:10px 20px
}
.breadcrumb-single-content span {
  font-weight:500;
  padding-right:10px;
  -webkit-transition:.3s ease-out;
  transition:.3s ease-out;
  color:var(--atf-thm-black)
}
.breadcrumb-sub-title {
  margin-left:7px
}
.breadcrumb-title {
  font-size:60px!important;
  font-weight:400;
  letter-spacing:-1px;
  color:var(--atf-thm-white);
  line-height:1.3;
  font-family:var(--atf-ff-heading)
}
.breadcrumb-bg-attach {
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat
}
.breadcrumb-spacing {
  padding-top:135px;
  padding-bottom:120px
}
.breadcrumb-single-content .arrow {
  border:1px solid var(--atf-thm-black);
  display:inline-block;
  padding:4px;
  -webkit-transition:.3s ease-out;
  transition:.3s ease-out;
  margin:0 0 0 7px;
  background:var(--atf-thm-black);
  border-radius:50%
}
.atf_portfolio__details-title,
.blogpost-title,
.service-details-title,
.tagcloud a {
  -webkit-transition:.3s ease-out;
  -moz-transition:.3s ease-out;
  -ms-transition:.3s ease-out;
  -o-transition:.3s ease-out
}
@media only screen and (max-width:991px) {
  .bg-half-left {
    display:none
  }
  .atf-section-padding,
  .pt-120.pb-95 {
    padding-top:80px;
    padding-bottom:80px
  }
  .marquee-wrapper.pt-80.pb-120 {
    padding-bottom:80px
  }
  .atf_bg_skew::after {
    left:calc(40% + 25px)
  }
  .atf_bg_skew::before {
    width:40%
  }
  .marquee-wrapper ul.marquee-content li {
    font-size:50px
  }
  .breadcrumb-bg-attach {
    background-position:center
  }
  .breadcrumb-title {
    font-size:50px!important
  }
  .atf-cta-action-1 {
    margin-top:25px
  }
}
.blog_list_slider .swiper-button-next,
.swiper-button-prev {
  top:50%;
  color:var(--swiper-navigation-color,#1b3df4);
  background:var(--atf-thm-base);
  width:50px;
  height:50px;
  border-radius:30px
}
.swiper-button-next::after,
.swiper-rtl .swiper-button-prev::after {
  content:'\f061';
  font-size:20px;
  font-weight:700;
  font-family:var(--atf-ff-fontawesome)
}
.swiper-button-prev::after,
.swiper-rtl .swiper-button-next::after {
  content:'\f060';
  font-size:20px;
  font-weight:700;
  font-family:var(--atf-ff-fontawesome)
}
.blogpost-thumb img {
  width:100%;
  border-radius:0
}
.blogpost-meta-box-area {
  padding:35px 40px;
  border-radius:15px
}
.blogpost-meta-icon,
.service-details-meta-icon {
  font-size:18px;
  margin-right:8px;
  color:var(--atf-thm-color)
}
.atf_portfolio__details-title,
.blogpost-title,
.service-details-title {
  font-size:36px;
  font-weight:400;
  color:var(--atf-thm-black);
  transition:.3s ease-out
}
.atf_team-details-list p,
.blogpost-text p {
  margin-bottom:20px
}
blockquote {
  position:relative;
  padding:40px;
  border-radius:15px;
  background-color:var(--atf-rgb-white);
  border:2px solid var(--atf-thm-color);
  margin-bottom:0
}
blockquote span {
  display:inline-block;
  text-align:center;
  font-size:70px;
  line-height:1;
  color:var(--atf-thm-black);
  opacity:.2
}
blockquote p {
  font-weight:500
}
.atf-blog-details-blockquote p {
  font-size:18px;
  font-weight:600
}
.blockquote-info {
  position:relative;
  font-size:14px;
  padding-left:25px;
  color:var(--atf-thm-black)
}
.blockquote-info::before {
  position:absolute;
  width:15px;
  height:2px;
  top:50%;
  left:0;
  transform:translateY(-50%);
  content:"";
  background:var(--atf-thm-color)
}
.blogpost-details-title {
  font-size:30px;
  font-weight:700;
  margin-bottom:30px;
  color:var(--atf-thm-black)
}
.blogpost-details-list-thumb img,
.service-details-list-thumb img {
  border-radius:15px
}
.blogpost-details-list ul li {
  list-style:none;
  position:relative;
  padding-left:25px;
  margin-bottom:10px;
  color:var(--atf-text-body)
}
.blogpost-details-list ul li::before {
  content:"\f00c";
  position:absolute;
  left:0;
  top:2px;
  font-family:var(--atf-ff-fontawesome);
  font-weight:700;
  color:var(--atf-thm-black)
}
.blogpost-details-share {
  padding:30px 0
}
.blogpost-details-tag-title {
  font-size:22px;
  font-weight:400;
  margin-right:30px;
  color:var(--atf-thm-black)
}
.tagcloud a {
  font-size:14px;
  padding:5px 13px;
  border-radius:5px;
  margin-right:8px;
  margin-bottom:10px;
  display:inline-block;
  border:1px solid var(--atf-border-1);
  transition:.3s ease-out;
  background:var(--atf-thm-white)
}
.atf-post-btn-group .title,
.blogpost-details-social a {
  -webkit-transition:.3s ease-out;
  -moz-transition:.3s ease-out;
  -ms-transition:.3s ease-out;
  -o-transition:.3s ease-out
}
.atf-author-social-icon li a,
.blogpost-details-social a {
  line-height:40px;
  background:var(--atf-grey-7);
  color:var(--atf-thm-black);
  text-align:center;
  width:40px;
  height:40px
}
.tagcloud a:hover {
  color:var(--atf-thm-white);
  background-color:var(--atf-thm-color);
  border:1px solid var(--atf-thm-color)
}
.blogpost-details-social a {
  font-size:14px;
  border-radius:50%;
  margin-right:10px;
  transition:.3s ease-out
}
.atf-post-btn-group {
  display:flex;
  justify-content:space-between
}
.atf-post-btn-group .title {
  transition:.3s ease-out;
  line-height:1.4;
  font-size:24px;
  color:#333
}
.atf-post-btn-left {
  border-radius:15px;
  -webkit-transition:.3s ease-out;
  -moz-transition:.3s ease-out;
  -ms-transition:.3s ease-out;
  -o-transition:.3s ease-out;
  transition:.3s ease-out
}
.atf-post-author {
  border:3px solid rgba(0,0,0,.3);
  padding:30px;
  border-radius:15px
}
.atf-author-img img {
  max-width:170px;
  height:auto;
  flex:0 0 auto;
  border-radius:50px
}
@media only screen and (max-width:575px) {
  .blogpost-comment-avater {
    margin-bottom:15px
  }
  .blogpost-title {
    font-size:28px
  }
  .atf-post-author {
    flex-wrap:wrap
  }
}
@media only screen and (max-width:767px) {
  h3 {
    font-size:20px!important
  }
  .atf_bg_skew::after {
    left:calc(50% + 25px)
  }
  .marquee-wrapper ul.marquee-content li {
    font-size:36px
  }
  .marquee-wrapper ul.marquee-content li i {
    font-size:40px
  }
  .breadcrumb-title {
    font-size:36px!important;
    letter-spacing:0
  }
  .blogpost-details-social {
    margin-top:30px
  }
  .blogpost-comment-title {
    font-size:28px!important
  }
  .blogpost-details-list-text,
  .blogpost-meta-box {
    flex-wrap:wrap
  }
  li.children.ml-100 {
    margin-left:0
  }
}
.atf-author-social {
  margin-top:10px
}
.atf-author-social-icon {
  display:flex;
  align-items:center;
  gap:10px;
  justify-content:center
}
.atf-author-social-icon li {
  display:flex;
  align-items:center;
  gap:10px
}
.atf-author-social-icon li a {
  display:inline-block;
  font-size:15px;
  border-radius:50%;
  box-shadow:0 0 15px rgba(255,255,255,.1);
  transition:.5s ease-in-out;
  -webkit-transition:.5s ease-in-out
}
.blogpost-comment-reply a,
.sidebar-social-content i {
  -webkit-transition:.3s ease-out;
  -moz-transition:.3s ease-out;
  -ms-transition:.3s ease-out;
  -o-transition:.3s ease-out
}
.atf-author-social-icon li a:hover {
  background:var(--atf-thm-color);
  color:var(--atf-thm-white);
  box-shadow:0 0 15px rgba(255,255,255,.3) inset
}
.blogpost-comment {
  padding:40px;
  border-radius:15px
}
.blogpost-comment-title {
  font-size:36px;
  font-weight:400;
  color:var(--atf-thm-black)
}
.blogpost-comment-box {
  margin-bottom:30px;
  border-bottom:1px solid var(--atf-border-1);
  padding-bottom:30px
}
.border-none {
  border:inherit
}
.blogpost-comment-avater img {
  border-radius:50px
}
.blogpost-comment-avater {
  flex:0 0 auto
}
.blogpost-comment-name {
  font-size:20px;
  font-weight:400;
  color:var(--atf-thm-black)
}
.blogpost-comment-reply i {
  font-size:13px
}
.blogpost-comment-reply a {
  font-size:16px;
  font-weight:500;
  display:inline-block;
  padding:5px 18px 5px 15px;
  border-radius:5px;
  background:var(--atf-thm-black);
  color:var(--atf-thm-white);
  transition:.3s ease-out;
  position:absolute;
  right:30px;
  top:0
}
.blogpost-comment-reply a:hover,
.sidebar-social-content i {
  background:var(--atf-thm-color);
  color:var(--atf-thm-white)
}
.atf-contact-form .atf_contact_input textarea,
.blogpost-comment-from .atf-contact-form .atf_contact_input textarea {
  height:120px;
  width:100%
}
.blogpost-comment-from {
  padding:30px 40px;
  border-radius:15px
}
.blogpost-comment>ul>li:last-child>.blogpost-comment-box {
  border-bottom:none;
  padding-bottom:0;
  margin-bottom:0
}
.sidebar-widget-social {
  margin-top:12px;
  background:var(--atf-thm-black)
}
.sidebar-social-content i {
  width:65px;
  height:65px;
  font-size:16px;
  line-height:65px;
  text-align:center;
  border-radius:0;
  margin-right:20px;
  transition:.3s ease-out
}
.lp-post,
.lp-post-title {
  -webkit-transition:.3s ease-out;
  -moz-transition:.3s ease-out;
  -ms-transition:.3s ease-out;
  -o-transition:.3s ease-out
}
.sidebar-widget-social:hover .sidebar-social-content i {
  color:var(--atf-thm-white);
  background:var(--atf-thm-black)
}
.sidebar-widget {
  padding:50px;
  background:var(--atf-grey-7);
  border-radius:15px;
  text-align:left
}
.sidebar-widget:not(:last-child) {
  margin-bottom:30px
}
.sidebar-widget-title {
  font-weight:400;
  line-height:1.5;
  font-size:24px;
  position:relative
}
.sidebar-widget-title::before {
  content:'';
  position:absolute;
  left:1px;
  top:35px;
  background:var(--atf-thm-black);
  width:11px;
  height:5px
}
.sidebar-widget-title::after {
  content:'';
  position:absolute;
  left:20px;
  top:37px;
  background:var(--atf-thm-black);
  width:45px;
  height:2px
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
  .sidebar-widget {
    padding:40px
  }
}
.sidebar-search-input input {
  border:1px solid transparent;
  height:58px;
  border-radius:0;
  background-color:var(--atf-thm-white)
}
.sidebar-search-input button {
  position:absolute;
  right:0;
  width:58px;
  height:58px;
  font-size:16px;
  line-height:58px;
  text-align:center;
  color:var(--atf-thm-white);
  background:var(--atf-thm-color);
  border-radius:0
}
.lp-post {
  margin-bottom:15px;
  border-radius:5px;
  transition:.3s ease-out;
  padding:15px;
  border:1px solid var(--atf-border-1)
}
.lp-post-thumb {
  margin-right:15px;
  flex:0 0 auto
}
.lp-post-thumb a img {
  width:72px;
  height:72px;
  border-radius:10%
}
.lp-meta {
  font-size:12px;
  margin-top:0
}
.lp-meta i {
  font-size:14px;
  color:var(--atf-thm-black);
  margin-right:5px
}
.atf-service-btn.v2 a,
.atf_service__details-sidebar-icon span,
.error-search-input button,
.instagram-sidebar-image .icon a {
  color:var(--atf-thm-white);
  color:var(--atf-thm-white)
}
.lp-post-title {
  font-size:20px;
  font-weight:400;
  color:#4c4c4c;
  transition:.3s ease-out
}
.lp-post-title:hover {
  color:#191919
}
.sidebar-widget-content ul li {
  position:relative;
  display:block
}
.sidebar-widget-content ul li a {
  font-size:16px;
  font-weight:500;
  padding:10px 0 10px 25px;
  background:var(--atf-thm-white);
  color:var(--atf-thm-black);
  display:block;
  -webkit-transition:.3s ease-out;
  -moz-transition:.3s ease-out;
  -ms-transition:.3s ease-out;
  -o-transition:.3s ease-out;
  transition:.3s ease-out;
  border-radius:5px;
  margin:15px 0
}
.sidebar-widget-content ul li a i {
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%)
}
.sidebar-widget-content ul li span {
  position:absolute;
  right:20px;
  top:50%;
  transform:translateY(-50%)
}
.instagram-sidebar-image-area {
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:10px
}
.instagram-sidebar-image img {
  width:100%!important;
  height:100%!important;
  margin-bottom:0!important;
  border-radius:5px
}
.instagram-sidebar-image {
  transition:.4s;
  position:relative
}
.instagram-sidebar-image::before {
  content:"";
  width:100%;
  height:100%;
  opacity:0;
  position:absolute;
  top:0;
  left:0;
  background:var(--atf-thm-color);
  transition:.4s ease-in;
  overflow:hidden;
  border-radius:5px
}
.instagram-sidebar-image:hover::before {
  opacity:1
}
.instagram-sidebar-image .icon {
  opacity:0;
  transform:translate(-50%,-50%);
  position:absolute;
  left:50%;
  top:0;
  transition:.4s
}
.instagram-sidebar-image:hover .icon {
  opacity:1;
  top:50%
}
.instagram-sidebar-image .icon a {
  font-size:20px;
  text-align:center;
  line-height:38px;
  display:block;
  transition:.4s
}
.pagination {
  font-family:var(--atf-ff-body);
  display:inline-flex;
  position:relative
}
.pagination li a.page-link {
  color:var(--atf-thm-black);
  background:repeating-linear-gradient(#19312f,#19312f 2px,#fff 2px,#fff 3px);
  font-size:18px;
  font-weight:600;
  text-align:center;
  line-height:50px;
  height:50px;
  width:50px;
  padding:0;
  margin:0 15px;
  border:none;
  border-radius:0;
  display:block;
  position:relative;
  z-index:0;
  transition:.1s
}
.atf_portfolio__details-social ul li:not(:last-child),
.atf_team__details-social ul li:not(:last-child) {
  margin-right:5px
}
.pagination li:first-child a.page-link,
.pagination li:last-child a.page-link {
  font-size:18px;
  line-height:53px
}
.pagination li a.page-link:focus,
.pagination li a.page-link:hover,
.pagination li.active a.page-link,
.pagination li.active a.page-link:hover {
  color:var(--atf-thm-color);
  border:none;
  box-shadow:none
}
.pagination li a.page-link:before {
  content:'';
  background:var(--atf-thm-white);
  opacity:.8;
  position:absolute;
  left:0;
  bottom:0;
  right:0;
  top:0;
  z-index:-1;
  transition:.3s
}
.pagination li a.page-link:focus:before,
.pagination li a.page-link:hover:before,
.pagination li.active a.page-link:before,
.pagination li.active a.page-link:hover:before {
  border-radius:50%;
  opacity:1;
  transform:scale(.7)
}
@media only screen and (max-width:480px) {
  .pagination {
    font-size:0;
    display:inline-block
  }
  .pagination li {
    display:inline-block;
    vertical-align:top;
    margin:0 0 15px
  }
}
.atf-error-image img,
.portfolio-details-list-thumb img {
  border-radius:40px 0 40px 40px
}
.error-search-input input {
  border:1px solid transparent;
  height:58px;
  border-radius:15px;
  box-shadow:0 0 15px rgba(0,0,0,.1);
  background-color:var(--atf-thm-white)
}
.error-search-input button {
  position:absolute;
  right:0;
  width:58px;
  height:58px;
  background:var(--atf-thm-color);
  border-radius:0 15px 15px 0;
  font-size:16px;
  line-height:58px;
  text-align:center
}
.service-details-meta-box-area {
  padding:30px 40px;
  border-radius:0 0 30px 30px
}
.service-details-list-content {
  gap:30px
}
.portfolio-details-list ul li,
.service-details-list ul li {
  list-style:none;
  position:relative;
  padding-left:28px;
  margin-bottom:10px;
  color:var(--atf-thm-black)
}
.portfolio-details-list ul li i,
.service-details-list ul li i {
  position:absolute;
  left:0;
  top:5px;
  color:var(--atf-thm-color);
  font-size:20px
}
.atf_service__details_sidebar_title {
  font-size:24px;
  line-height:1.4
}
.atf_service__details-sidebar-icon span {
  height:100px;
  width:100px;
  line-height:100px;
  background:var(--atf-thm-color);
  border-radius:5%;
  margin:0 auto;
  font-size:40px;
  display:block
}
.service-details-featured-item {
  border:1px solid var(--atf-border-1);
  padding:25px
}
.atf-service-icon-post span {
  font-size:20px;
  background:var(--atf-thm-base);
  width:60px;
  height:60px;
  justify-content:center;
  display:flex;
  align-items:center;
  color:var(--atf-thm-black);
  border-radius:15px
}
.atf-service-icon-post {
  position:absolute;
  bottom:5%;
  right:50%;
  transform:translate(50%,50%)
}
.atf-service-btn.v2 a {
  background-color:var(--atf-thm-black)
}
.service-details-feature-icon span {
  font-size:24px;
  background:var(--atf-thm-base);
  width:70px;
  height:70px;
  line-height:70px;
  display:inline-block;
  text-align:center;
  border-radius:10px;
  margin-bottom:20px
}
@media screen and (min-width:768px) and (max-width:991px),only screen and (min-width:575px) and (max-width:767px),only screen and (min-width:320px) and (max-width:574px) {
  .atf_portfolio__details-title,
  .service-details-title {
    font-size:28px
  }
}
.atf_portfolio__details-thumb img {
  border-radius:15px;
  position:relative;
  overflow:hidden;
  object-fit:cover
}
.portfolio_contact_box {
  text-align:left;
  border-radius:15px
}
.atf_portfolio-details-contact_info ul li,
.atf_team-details-list ul li {
  margin-bottom:12px;
  list-style:none
}
.atf_portfolio-details-contact_info ul li span,
.atf_team-details-list ul li span {
  font-weight:600;
  color:var(--atf-thm-black);
  transition:.3s ease-in-out
}
.atf_portfolio-details-contact_info ul li a:hover,
.atf_team-details-list ul li a:hover {
  color:var(--atf-thm-black);
  text-decoration:underline
}
.atf_portfolio__details-social ul li {
  display:inline-block;
  margin-top:10px
}
.atf_portfolio__details-social ul li a {
  display:inline-block;
  width:40px;
  height:40px;
  line-height:42px;
  text-align:center;
  background:var(--atf-thm-color);
  color:var(--atf-thm-white);
  -webkit-border-radius:5%;
  -moz-border-radius:5%;
  border-radius:5%;
  -webkit-transition:.5s ease-out;
  transition:.5s ease-out
}
.atf_portfolio__details-social ul li a:hover {
  background:var(--atf-thm-black);
  color:var(--atf-thm-white)
}
.portfolio-details-list-title {
  font-size:24px
}
.team_progress_title {
  font-size:20px;
  font-weight:500;
  color:var(--atf-thm-black)
}
.team_year {
  display:inline-block;
  border:1px solid var(--atf-border-1);
  padding:5px 20px;
  border-radius:30px
}
.progress-info .progress,
.progress-stacked {
  height:6px
}
.progress {
  overflow:visible!important
}
.progress-bar {
  overflow:visible
}
.progress .progress-bar {
  position:relative;
  background:var(--atf-thm-color);
  -webkit-animation:8s animate-positive;
  animation:8s animate-positive
}
.progress .progress-bar::after {
  content:"\f3c5";
  font-family:var(--atf-ff-fontawesome);
  font-weight:700;
  position:absolute;
  top:-22px;
  right:-7px;
  font-size:18px;
  color:var(--atf-thm-black)
}
@-webkit-keyframes animate-positive {
  0% {
    width:0%
  }
}
@keyframes animate-positive {
  0% {
    width:0%
  }
}
.atf_team__details-social ul li {
  display:inline-block
}
.atf_team__details-social ul li a {
  display:inline-block;
  width:40px;
  height:40px;
  line-height:42px;
  text-align:center;
  background:var(--atf-thm-color);
  color:var(--atf-thm-white);
  -webkit-border-radius:5%;
  -moz-border-radius:5%;
  border-radius:5%;
  -webkit-transition:.5s ease-out;
  transition:.5s ease-out
}
.atf_team__details-social ul li a:hover {
  background:var(--atf-thm-black);
  color:var(--atf-thm-white)
}
@media (max-width:991px) {
  .atf-portfolio-area .swiper-slide {
    width:260px!important;
    height:360px
  }
  .atf_portfolio__details-social ul li,
  .atf_team__details-social ul li {
    display:inline-block;
    margin-bottom:0
  }
}
.atf-terms-details strong {
  font-weight:700;
  color:var(--atf-thm-black)
}
.atf-single-newsletter .atf_contact_input input {
  background:0 0;
  color:var(--atf-thm-white);
  border:1px solid rgba(255,255,255,.1);
  width:100%;
  font-size:16px;
  border-radius:5px;
  display:inline-block;
  padding-left:15px
}
.atf-single-newsletter .atf_contact_input input:focus {
  box-shadow:none;
  outline:0;
  background:0 0;
  border-color:inherit;
  box-shadow:0 0 15px rgba(0,0,0,.1);
  border:1px solid var(--atf-thm-color)
}
.atf-single-newsletter .subcribe-btn {
  position:absolute;
  right:5px;
  top:5px;
  font-size:16px;
  color:var(--atf-thm-black);
  background:var(--atf-thm-base);
  padding:8px 20px;
  border-radius:5px
}
.atf-contact-form label {
  font-weight:600;
  color:var(--atf-thm-black);
  font-size:18px
}
.atf-contact-form .atf_contact_input input,
.atf-contact-form .atf_contact_input textarea {
  border-radius:15px;
  border:1px solid rgba(0,0,0,.1);
  transition:.3s ease-in-out;
  margin:10px 0;
  padding-left:20px
}
.atf-footer-widget-menu ul li a,
.atf-footer-widget-menu ul li a::before {
  -webkit-transition:.3s ease-out;
  -moz-transition:.3s ease-out;
  -ms-transition:.3s ease-out;
  -o-transition:.3s ease-out
}
.atf-contact-form .atf_contact_input input:focus,
.atf-contact-form .atf_contact_input textarea:focus {
  box-shadow:none;
  border:1px solid var(--atf-thm-color)
}
.atf-choose-list.nice-select {
  border-radius:0;
  width:100%;
  background:var(--atf-thm-white);
  border:1px solid #d5d8db;
  color:var(--atf-thm-black);
  height:60px;
  padding-left:15px
}
.atf_contact_input .nice-select {
  height:55px;
  line-height:55px;
  border-radius:10px;
  border:1px solid #d5d8db;
  color:var(--atf-text-body);
  float:none;
  padding:0 20px;
  font-size:16px;
  margin:10px 0
}
.atf_contact_input .nice-select::after {
  right:20px
}
.atf-contact-btn .atf-themes-btn {
  margin-top:10px;
  text-align:center
}
.atf-contact-details {
  background:#ECECEC;
  padding:20px 30px
}
.atf-contact-icon {
  width:90px;
  height:100px;
  line-height:100px;
  background:var(--atf-thm-color);
  font-size:30px;
  color:var(--atf-thm-white);
  text-align:center;
  border-radius:5%
}
.map iframe {
  width:100%;
  height:100%;
  min-height:500px;
  display:block
}
.atf-cta-title-area {
  border-bottom:1px solid rgba(249,244,244,.3)
}
.atf-cta-title {
  line-height:1.2;
  font-size:36px
}
.atf-themes-btn.cta-btn {
  border:none
}
.atf-cta-shape img {
  border-radius:60px
}
.atf-footer-area.atf-cover-bg::before {
  background:rgba(0,0,0,.55);
  z-index:-1
}
.atf-footer-widget-logo img {
  margin-top:-4px
}
.atf-footer-widget-text {
  margin-bottom:25px
}
.atf-footer-widget-text p {
  font-weight:600;
  margin-right:40px;
  color:#9ca6ae
}
.atf-footer-widget-title {
  font-size:24px;
  font-weight:400;
  line-height:1.2;
  display:inline-block;
  color:var(--atf-thm-white);
  margin-bottom:50px;
  position:relative
}
.atf-footer-widget-title::before {
  content:'';
  position:absolute;
  left:1px;
  top:33px;
  background:var(--atf-thm-white);
  width:11px;
  height:5px
}
.atf-footer-widget-title::after {
  content:'';
  position:absolute;
  left:20px;
  top:35px;
  background:var(--atf-thm-white);
  width:45px;
  height:2px
}
@media (max-width:575px) {
  .atf-searching-area .atf-searching-close-btn {
    right:30px
  }
  .atf-searching-area .atf-searching-form {
    width:300px
  }
  .atf-footer-widget-title {
    margin-bottom:30px
  }
}
.atf-footer-widget-menu ul li {
  list-style-type:none;
  margin-bottom:10px
}
.atf-footer-widget-menu ul li a {
  position:relative;
  font-size:16px;
  color:#9ca6ae;
  font-weight:600;
  display:inline-block;
  transition:.3s ease-out
}
.atf-footer-widget-menu ul li a::before {
  position:absolute;
  width:8px;
  height:8px;
  top:54%;
  left:-10px;
  content:"";
  opacity:0;
  visibility:hidden;
  border-radius:5%;
  transition:.3s ease-out;
  transform:translateY(-50%);
  background:var(--atf-thm-white)
}
.atf-footer-widget-social ul li a,
.atf-footer-widget.footer-col-4-3 h3 {
  -webkit-transition:.3s ease-out;
  -moz-transition:.3s ease-out;
  -ms-transition:.3s ease-out;
  -o-transition:.3s ease-out
}
.atf-footer-widget-menu ul li a:hover {
  padding-left:20px;
  color:var(--atf-thm-white)
}
.atf-footer-widget-menu ul li a:hover::before {
  opacity:1;
  visibility:visible;
  left:0
}
.atf-footer-widget-social ul li {
  list-style-type:none;
  display:inline-block;
  margin-right:10px;
  margin-top:5px
}
.atf-footer-widget-social ul li a {
  width:40px;
  height:40px;
  line-height:40px;
  font-size:14px;
  text-align:center;
  display:inline-block;
  border-radius:5%;
  background:#73918c;
  transition:.3s ease-out;
  color:var(--atf-thm-white);
  transform:scale(1)
}
.atf-footer-widget-social ul li a:hover {
  color:var(--atf-thm-black);
  background:var(--atf-thm-base);
  transform:scale(1.1)
}
.atf-footer-widget-info a {
  position:relative;
  font-weight:500;
  font-size:16px;
  color:var(--atf-thm-white);
  display:block;
  line-height:1.7
}
.atf-footer-widget-info p {
  color:var(--atf-thm-white);
  margin:0;
  font-size:16px;
  font-weight:500
}
.atf-footer-widget-info span {
  color:var(--atf-thm-black);
  font-size:16px;
  background:var(--atf-thm-base);
  width:50px;
  justify-content:center;
  display:flex;
  align-items:center;
  border-radius:5%;
  height:50px
}
.atf-footer-widget.footer-col-4-3 span {
  color:#ccc;
  font-weight:500
}
.atf-footer-widget.footer-col-4-3 h3 {
  font-size:22px;
  color:#eee;
  font-weight:400;
  margin-top:5px;
  line-height:1.5;
  transition:.3s ease-out
}
.atf-copyright-text p {
  font-weight:500;
  color:var(--atf-rgb-white)
}
@media only screen and (max-width:991px) {
  .atf-footer-area.atf-section-padding,
  .atf-footer-area.pb-80 {
    padding-bottom:40px
  }
}
@media only screen and (max-width:576px) {
  .atf-section-padding,
  .marquee-wrapper.pt-80.pb-120,
  .pt-120.pb-95 {
    padding-bottom:60px;
    padding-top:60px
  }
  .atf-cta-title-area.pt-80.pb-80.mb-80 {
    padding-bottom:60px;
    padding-top:60px;
    margin-bottom:60px
  }
  .blog_list_slider .swiper-button-next,
  .swiper-button-prev {
    display:none
  }
  .atf-footer-area.atf-section-padding,
  .atf-footer-area.pb-80 {
    padding-bottom:20px!important
  }
}
.atf-footer-widget.footer-col-4-3 {
  margin-left:10px
}
@media only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) {
  .atf-footer-widget.footer-col-4-2,
  .atf-footer-widget.footer-col-4-3 {
    margin-left:0
  }
  .atf-footer-widget {
    margin-bottom:40px
  }
}
.atf-footer-widget-mail {
  gap:20px;
  background:var(--atf-grey-8)
}
.atf-footer-widget-mail span {
  padding:5px 8px;
  background:var(--atf-thm-white);
  color:var(--atf-thm-color)
}
.atf-single-newsletter.style1 .subcribe-btn {
  right:0;
  top:1px;
  font-size:16px;
  padding:12px 18px
}
.comingsoon-details-social a {
  width:50px;
  height:50px;
  font-size:16px;
  line-height:50px;
  text-align:center;
  border-radius:50%;
  margin-right:10px;
  color:var(--atf-thm-black);
  background:var(--atf-grey-7);
  -webkit-transition:.3s ease-out;
  -moz-transition:.3s ease-out;
  -ms-transition:.3s ease-out;
  -o-transition:.3s ease-out;
  transition:.3s ease-out
}
@media only screen and (max-width:767px) {
  .service-details-list {
    margin-top:15px
  }
  .service-details-list.w-50 {
    width:100%!important;
    flex-wrap:wrap
  }
  .atf_portfolio__details-item,
  .portfolio-details-list-area,
  .service-details-list-area,
  .service-details-list-content,
  .service-details-thumb-content {
    flex-wrap:wrap
  }
  .atf_portfolio__details-thumb.w-50,
  .portfolio-details-list.w-50 {
    width:100%!important
  }
  .atf_portfolio__details-item.mb-30 {
    margin-bottom:0
  }
  .team_exp_title_item.pt-80 {
    padding-top:60px
  }
  .atf-coming-title-box .title,
  .atf-error-title-box .title {
    font-size:28px
  }
}
@-webkit-keyframes movingX {
  0% {
    left:100%
  }
  100% {
    left:-25%
  }
}
@keyframes movingX {
  0% {
    left:100%
  }
  100% {
    left:-25%
  }
}
@keyframes spin {
  0% {
    transform:rotate(0)
  }
  100% {
    transform:rotate(360deg)
  }
}
@-webkit-keyframes spin-1 {
  0% {
    transform:rotate(10deg)
  }
  100% {
    transform:rotate(-10deg)
  }
}
@-moz-keyframes spin-1 {
  0% {
    transform:rotate(10deg)
  }
  100% {
    transform:rotate(-10deg)
  }
}
@-ms-keyframes spin-1 {
  0% {
    transform:rotate(10deg)
  }
  100% {
    transform:rotate(-10deg)
  }
}
@keyframes spin-1 {
  0% {
    transform:rotate(10deg)
  }
  100% {
    transform:rotate(-10deg)
  }
}
@keyframes moving {
  0%,
  100% {
    transform:translatey(0)
  }
  50% {
    transform:translatey(-20px)
  }
}
@keyframes zoom {
  0%,
  100% {
    transform:scale(.5)
  }
  50% {
    transform:scale(1)
  }
}
@keyframes pulse {
  0% {
    -webkit-box-shadow:0 0 0 0 rgba(255,255,255,.4)
  }
  70% {
    -webkit-box-shadow:0 0 0 45px rgba(255,255,255,0)
  }
  100% {
    -webkit-box-shadow:0 0 0 0 rgba(255,255,255,0)
  }
}
@keyframes rotate2 {
  from {
    transform:rotate(0)
  }
  to {
    transform:rotate(360deg)
  }
}
@keyframes icon-bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
  }
  40% {
    -webkit-transform:translateY(-10px);
    -moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
    -o-transform:translateY(-10px);
    transform:translateY(-10px)
  }
  60% {
    -webkit-transform:translateY(-5px);
    -moz-transform:translateY(-5px);
    -ms-transform:translateY(-5px);
    -o-transform:translateY(-5px);
    transform:translateY(-5px)
  }
}
@keyframes atftranslateX2 {
  0%,
  100% {
    -webkit-transform:translateX(-30px);
    -moz-transform:translateX(-30px);
    -ms-transform:translateX(-30px);
    -o-transform:translateX(-30px);
    transform:translateX(-30px)
  }
  50% {
    -webkit-transform:translateX(20px);
    -moz-transform:translateX(20px);
    -ms-transform:translateX(20px);
    -o-transform:translateX(20px);
    transform:translateX(20px)
  }
}
@keyframes atftranslateY2 {
  0%,
  100% {
    -webkit-transform:translateY(30px);
    -moz-transform:translateY(30px);
    -ms-transform:translateY(30px);
    -o-transform:translateY(30px);
    transform:translateY(30px)
  }
  50% {
    -webkit-transform:translateY(-20px);
    -moz-transform:translateY(-20px);
    -ms-transform:translateY(-20px);
    -o-transform:translateY(-20px);
    transform:translateY(-20px)
  }
}
@keyframes atfswing {
  0% {
    -webkit-transform:rotate(6deg);
    -moz-transform:rotate(6deg);
    -ms-transform:rotate(6deg);
    -o-transform:rotate(6deg);
    transform:rotate(6deg)
  }
  100% {
    -webkit-transform:rotate(-6deg);
    -moz-transform:rotate(-6deg);
    -ms-transform:rotate(-6deg);
    -o-transform:rotate(-6deg);
    transform:rotate(-6deg)
  }
}
@keyframes borderanimate2 {
  0% {
    transform:translate(-50%,-50%) scale(.8)
  }
  60% {
    opacity:1
  }
  100% {
    transform:translate(-50%,-50%) scale(2.5);
    opacity:0
  }
}
@keyframes atf-arrow {
  49% {
    transform:translateX(30%)
  }
  50% {
    opacity:0;
    transform:translateX(-30%)
  }
  51% {
    opacity:1
  }
}
@keyframes scroll1 {
  0%,
  100% {
    top:0
  }
  50% {
    top:95%
  }
}
@keyframes dash {
  to {
    stroke-dashoffset:0px;
    stroke-dasharray:3000
  }
}
@keyframes bounce-up {
  0%,
  100% {
    transform:translateX(0)
  }
  50% {
    transform:translateX(16px)
  }
}
@keyframes bounce-down {
  0%,
  100% {
    transform:translateY(0)
  }
  50% {
    transform:translateY(-16px)
  }
}
.abstract-container {
  position:relative;
  width:100%;
  min-height:100vh;
  overflow:hidden
}
.abstract-shape {
  position:absolute;
  width:150vw;
  height:150vw;
  border-radius:50%;
  pointer-events:none;
  z-index:-1
}
.herov2-shape-5,
.herov2-shape-faq1 {
  position:absolute;
  background-size:cover;
  background-position:center;
  z-index:1;
  width:15%
}
.herov2-shape-1 {
  background-color:#d2daef;
  opacity:.1;
  top:-131vw;
  right:-100vw;
  transform:rotate(10deg)
}
.herov2-shape-2 {
  background-color:#e1e6f4;
  opacity:.2;
  top:-120vw;
  right:-120vw;
  transform:rotate(-5deg)
}
.herov2-shape-3 {
  background-color:#d2daef;
  opacity:.1;
  bottom:-131vw;
  right:-100vw;
  transform:rotate(-20deg)
}
.herov2-shape-4 {
  background-color:#e1e6f4;
  opacity:.2;
  bottom:-120vw;
  right:-120vw;
  transform:rotate(5deg)
}
.herov2-shape-5 {
  left:47%;
  bottom:55%;
  object-fit:cover;
  animation:15s linear infinite spin
}
@media screen and (min-width:320px) and (max-width:575px) {
  .atf-section-title .title {
    font-size:28px;
    letter-spacing:0;
    line-height:1.3
  }
  .atf-section-title.mb-30,
  .atf-section-title.mb-50 {
    margin-bottom:20px
  }
  .marquee-wrapper ul.marquee-content li {
    font-size:28px
  }
  .marquee-wrapper ul.marquee-content li i {
    font-size:30px
  }
  .abstract-shape {
    display:none
  }
}
.herov2-shape-faq1 {
  left:-95px;
  bottom:0;
  object-fit:cover;
  animation:15s linear infinite atftranslateX2;
  border-radius:50%
}
.footer-shape-1,
.working-shape-2 {
  left:0;
  bottom:0;
  object-fit:cover
}
.footer-shape-1,
.working-shape-1,
.working-shape-2 {
  position:absolute;
  background-size:cover;
  background-position:center;
  z-index:0
}
.working-shape-1 {
  right:0;
  top:0;
  width:15%
}
.working-shape-2 {
  width:15%
}
.footer-shape-1 {
  width:30%;
  opacity:.1
}